Opa #1 오파 설치 및 개발 환경 설정하기

이번에 오파 프레임워크 관련 책 번역을 맡게 되었는데 변역과 더불어 오파 프레임워크 공식 사이트에 있는 관련 튜토리얼을 통한 포스팅을 진행해볼까 합니다. 하나의 언어로 클라이언트,서버,DB까지 웹 애플리케이션을 모두 만들 수 있는 매력적인 프레임워크입니다. 이름이 한국적으로 친근해서 더 매력적인 것 같네요 (오파-오빠-아빠)

우선 Opa Framework에 대해 간략히 설명하면 자바스크립트를 위한 풀 스택 웹 개발 프레임워크로서 2010년에 OWASP 컨퍼런스에서 처음 공개되고 2011년 6월에 GitHub에 소스코드가 릴리즈되었습니다. 하나의 언어로 서버와 클라이언트 사이드가 동시에 개발하다는 장점과 함께 표준 Node.js와 MongoDB 애플리케이션을 생성하고 HTML5와 CSS지원 및 웹 표준 코드로 컴파일 됩니다. SQL 인젝션이나 XSS공격 같은 보약취약점에서 안전한 개발 프레임워크로 보다 빠르게 확장성 있는 웹 애플리케이션 개발이 가능합니다.(출처: 위키피디아, http://en.wikipedia.org/wiki/Opa_(programming_language) )

공식사이트(http://opalang.org/) 에서 오파 컴파일러 다운로드 및 보다 자세한 특징과 문서들을 보실 수 있습니다. 해당 사이트에 있는 오파로 개발해야하는 10가지 이유를 간단히 인용해 보면 

1. 한가지 언어로 클라이언트, 서버, 데이터베이스 프로그래밍이 가능하다.

2. 모든 자바스크립트 라이브러리 사용가능

3. 노드와 몽고DB 사용을 통해 대부분 클라우드에 적용가능 

4. 데이터베이스 관련 코드도 오파에서 구현( MongoDB, CouchDB 지원)

5. 디버깅이 쉽도록 빠른 Typechecker 제공

6. 블로킹 없이 쉽게 비동기 콜백함수 작성가능

7. 스캐폴드 방식의 MVC 지원

8. HTML5 및 CSS 지원

9. 강력한 구문 지원으로 다양한 구문 활용이 가능

10. 다이나믹 프로그래밍을 가능하게 하는 파워 로우 적용

등입니다.

이번 포스팅에서는 Mac OS X 기준으로 오파 개발 환경을 세팅하는 방법을 알아보고 간단한 웹페이지 샘플 예제를 만들어 보도록 합니다.

1. 오파의 설치 

오파 컴파일러 설치는 간단합니다. 간단히 다운로드 해서 더블 클릭으로 설치하면 됩니다. 공식 웹사이트(http://opalang.org)에서 다운로드하시면 되고 현재 버전은 1.1.1 입니다.

설치후에 다음과 같이 버전 확인을 통해 정상 설치가 되었는지 확인하실 수 있습니다.

$opa --version

2. 에디터 설정 (Sublime Text)

무료이면서 강력한 기능을 가지고 있는 서브라임 텍스트를 사용합니다. 맥에서 다들 사용하시죠?

서브라임 텍스트를 설치하면 오파 Syntax 가 지원되지는 않고 플러그인을 받아서 사용해야 합니다.

서브라임 텍스트 다운로드 (http://www.sublimetext.com/2)

해당 사이트 Forum 에서 오파 관련 플러그인을 찾아보면 

http://www.sublimetext.com/forum/viewtopic.php?f=5&t=6292&p=27366&hilit=opa#p27366

에서 플러그인 관련된 내용을 확인하실 수 있습니다.

다운로드 바로가기 (https://github.com/OpaOnWindowsNow/OpaSublimeText)

 

플러그인 설치는 서브라임 텍스트 설치 디렉토리 아래 intalled plugin 폴더에 넣으시고 프로그램을 다시 시작하시면 적용됩니다.

3. 오파 샘플 웹페이지 예제

아래 소스코드로 hello.opa 를 작성합니다.

Server.start(Server.http,

  { title: "Hello"

  , page: function() { <>Hello web </> }

  }

)

컴파일은 터미널에서 아래와 같이 간단히 입력하면 됩니다.

$opa hello.opa

hello.js 를 실행합니다. 

kkwaksui-MacBook-Air-2:opaDev$ ./hello.js

Http serving on http://kkwaksui-MacBook-Air-2.local:8080

브라우저에서 http://localhost:8080 으로 결과를 조회해봅니다. 간단한 코드로 웹 페이지가 만들어 졌네요

다음부터 공식 홈페이지에 나와 있는 샘플 프로젝트를 직접 해보면서 관련된 포스팅을 올려보도록 하겠습니다. 이상 오파 컴파일러 설치 및 간단한 애플리케이션 테스트였습니다.