Meteor.js의 QuickStart를 따라해봤다

Meteor의 QuickStart를 따라해봤다

Meteor는 nodeJS기반의 서버 프레임워크로, javascript만을 이용해서 백엔드와 프론트엔드를 모두 작성할 수 있다는 장점이 있다. MongoDB로 설정하기도 쉽고, VueJs/AngularJS/ReactJS 등의 프론트엔드 프레임워크를 올리는 가이드도 잘 되어있다. 예전에도 ReadTrends에서 읽고 따라한 적은 있었지만, 최근에 nodeJS 관련해서 뒤적거리다 생각이 난 김에 다시 한번 QuickStart를 따라해보기로했다. 이하는 개인적으로 진행한 내역을 기록한 사항이므로, 사족이 없는 가이드는 Meteor.JS QuickStart 페이지를 참조하자.

Chocolatey의 설치(윈도우)

윈도우를 사용해서 설치하는 경우에는 Chocolatey를 사용한다. 자세한 설치방법은 Chocolatey 설치 안내 페이지를 참조하자. 간단하게 요약하면 다음과 같다.

1. 관리자 권한으로 cmd.exe 혹은 powershell을 실행한다.

2. cmd.exe로 설치하는 경우에는 다음과 같은 커멘드를 복사/붙여넣기한다.

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

3. powershell로 설치하는 경우에는 다음과 같은 커맨드를 복사/붙여넣기한다.

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

위의 과정을 그대로 따라하면, 별다른 문제없이 설치가 가능하다. 문제가 발생하는 경우 Chocolatey 설치 안내 페이지에서 More Install Options 항목을 참조하도록 하자.

Chocolatey의 버전업이 필요한 경우, choco upgrade chocolatey 명령을 통해서 업데이트가 가능하다.

Meteor의 설치

윈도우의 경우 Chocolatey를 설치했다면, 다음의 커맨드를 통해서 Meteor를 설치한다.

choco install meteor

OS X 혹은 Linux의 경우에는, 다음의 커맨드를 통해서 Meteor를 설치한다.

curl https://install.meteor.com/ | sh

나는 윈도우를 이용하므로, Chocolatey를 사용해서 설치했다. The package meteor wants to run 'chocolateyinstall.ps1'.라며 설치 스크립트를 실행할지 묻는 문구가 출력되는데, Y를 입력하면 설치된다. 이 질문이 나오지 않게 하려면 -y 옵션을 사용하거나, choco feature enable -n allowGlobalConfirmation 설정을 하면 된다.

프로젝트의 생성

Meteor가 다 설치됐다면, 아래의 커멘드를 입력하여 myapp을 생성하도록 하자.

meteor create myapp

형식은 meteor create <생성할 프로젝트 이름>이다. 윈도우에서 Powershell로 Meteor를 설치한 직후, meteor create 명령어를 실행하면 meteor를 찾지 못하는 경우가 있다. 이 때는 Powershell을 다시 실행시켜주자.

프로젝트의 실행

생성된 myapp 폴더로 이동하여, meteor npm install을 실행하자. 그 다음, 설치가 완료되면 meteor 커맨드를 입력하자. 설정을 변경하지 않았을 경우 Meteor가 실행되며, http://localhost:3000으로 접속하라는 안내문구가 나온다. 접속하면 클릭 횟수를 표시하는 간단한 예제와, 튜토리얼/가이드/문서/포럼으로 연결되는 링크가 표시된다.

Meteor에 관한 자료들(QuickStart 하단의 Meteor resources에서 필요한 포인트만 발췌)

1. 공식 튜토리얼 페이지

2. 기술적 문의사항은 Stack Overflow로.

3. 프로젝트를 알리거나, 도움을 요청하거나, 변경사항에 대한 논의가 필요한 경우에는 Meteor discussion forums로.

4. core API 문서를 찾아보려면 Meteor docs로.

5. Meteor를 위해 작성된 패키지들을 보려면 Atmosphere로.

6. Meteor 패키지, 라이브러리, 소프트웨어 리스트를 보려면 Awsome Meteor로.