개요¶
Single Page Application을 SPA 라고 부른다.
Note
이 문서는 IDE에서 제공되는 SPA 프로젝트를 기준으로 작성되었으며,
Webpack을 통한 개발환경이 익숙하지 않은 사용자에게 필요한 최소한의 내용에 초점을 맞추어 작성하였다.
각각에 대한 전체 가이드 문서는 해당 버전의 공식 문서를 통해 확인하여야 한다.
들어가기전¶
아래의 문법을 기본적으로 숙지하는 것을 권장함
Vue(2.x) API
Nodejs 프로젝트 관리 및 script 실행
ES6 문법
Arrow Function
let const
구조분해 할당
import/export (모듈)
Promise (비동기)
소프트웨어 설치¶
기본 설치 방법(windows, mac os)
LTS 버전을 클릭하여 다운로드 받습니다.
설치 프로그램을 실행하여 nodejs 설치
또는 HomeBrew(Mac OS)를 통한 설치 방법
Node버전 검색
brew search node
LTS (짝수)버전 설치
brew install node@14
설치 후 위와 같이 PATH 설정에 대한 설명을 확인하여 수정
OS |
링크 |
비고 |
---|---|---|
Mac |
||
Windows |
Windows 인 경우
링크 접속 (상단 표)
설치 프로그램 다운로드
설치 후 cmd에서 nvm 커맨드 확인
list (검색), install (설치), use(사용)을 통해 nodejs를 설치 및 사용할 수 있다.
Mac OS인 경우
Homebrew를 통한 설치
brew install nvm
~/.nvm 폴더 생성 및 PATH
설치를 하고 난 후 추가 설정에 관련된 내용이 나오니 확인하여 세팅합니다.
사용하는 터미널에 PATH를 추가(~/.bash_profile or ~/zshrc 등)
설치 후 커맨드 확인
ls-remote(검색), install(설치), use(사용)
커맨드를 확인하여 nodejs 설치를 한다
설치 완료시