Page 27 -
P. 27

2.2      로컬에서 프로젝트 만들어 코드 작성하기                                                    2
                                                                                  SVELTE





                    이번에는 실무에서처럼 로컬 프로젝트를 생성하고 개발 환경을 구성하는 방법을 알아보겠습니다.                                개발 환경 구성하기

                    스벨트 프로젝트 생성은 degit와 npx를 사용합니다.

                    Node.js가 설치되어 있다면 명령 한 줄로 간단히 프로젝트를 생성할 수 있습니다. my-svelte-
                    project라는 이름으로 프로젝트를 만들어 보겠습니다.


                     degit를 이용한 설치 방법
                       $ npx degit sveltejs/template my-svelte-project
                       > cloned sveltejs/template#HEAD to my-svelte-project


                    위 명령에서는 npx로 degit란 패키지를 실행했습니다.

                    degit 패키지에 두 개의 파라미터가 필요합니다. 첫 번째는 깃허브에 미리 작성되어 있는 스벨트
                    프로젝트(sveltejs/template) 이름이고, 두 번째는 로컬에 생성될 프로젝트 폴더명(my-svelte-
                    project)입니다.

                    그러면 degit는 현재 위치에서 my-svelte-project란 이름으로 하위 폴더를 생성하고 sveltejs/

                    template 프로젝트를 clone 해서 my-svelte-project 폴더에 설치합니다.


                    참고
                    npx란?
                    npm은 Node Package Manager, npx는 Node Package eXecutor의 약자입니다. npx는

                    npm 최신 버전(5.2.0 이상)을 설치하면 자동으로 설치됩니다. 가장 큰 차이점은 node 패키지의
                    로컬 설치 여부입니다.

                       표 2-1 npm vs npx

                              npm(Node Package Manager)        npx(Node Package eXecutor)
                     이름       노드 패키지 매니저                       노드 패키지 실행기(eXecutor)
                     기능       패키지를 설치하는 도구                     패키지를 실행하는 도구
                     설치 관리    로컬에 패키지를 설치, 실행, 제거 및 업데이트 도구    설치하지 않고 노드 패키지를 실행, 제거나 업데이트
                                                               필요 없음
                                                                                          계속


                                                                                                  029
   22   23   24   25   26   27   28   29   30   31   32