Peach's CODE
공부한 내용을 정리중입니다. 틀린 내용이 있을 수 있습니다 : )
코딩하는 딱복
[Nuxt.js] Nuxt.js 설치 본문
💡 Nuxt.js 란?
Nuxt.js는 Vue.js로 빠르게 웹을 제작할 수 있게 해주는 프레임워크로, SSR Vue.js 어플리케이션을 위해 개발되어 클라이언트 측과 서버 측 사이에서 개발하는데 도움을 주는 많은 기능을 제공한다.
SSR의 개념은 아래 글을 확인하자 : )
[개념] SPA & MPA, CSR & SSR
💡 SPA 와 MPA ?🗸 SPA [ Single Page Application ]하나의 페이지로 구성된 웹 애플리케이션이다. => 기본 HTML 파일을 하나로 두는 것다른 페이지로 이동할 때 필요한 부분만 수정하여 작성한다. 🗸 MPA [ M
yundi.tistory.com
💡 Nuxt.js 설치
Nuxt: The Intuitive Vue Framework
Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.
nuxt.com
Nuxt.js를 설치하기 위해서는 프로젝트를 생성하고자 하는 경로의 터미널에서 아래의 명령어를 실행하면 된다.
npx nuxi@latest init <project-name>명령를 실행하면
해당 문구가 나오는데 나는 npm을 선택했다.
이렇게 nuxt.js 설치 끝!
💡 npm 이란?
npm(Node Package Manager)은 노드 패키지 관리자로, Node.js를 설치하면 자동으로 설치된다. 노드 패키지란 Node.js 환경에서 사용가능한 모듈(라이브러리)를 의미한다. 아래 명령어로 필요한 라이브러리를 간편하게 설치할 수 있다.
npm install [모듈이름]
이렇게 설치된 모듈들은 package.json과 package-lock.json같은 파일에서 관리된다.
package.json은 개발자가 필요한 종속성을 직접 정의하고 관리하지만 package-lock.json은 npm에 의해 자동 생성된다는 차이점이 있다.