상세 컨텐츠

본문 제목

기초 다지기 React 설치(재)

카테고리 없음

by KBstar⭐ 2022. 5. 11. 23:43

본문

OS에(win, mac) 프로그램 설치

Terminal 기본 명령어

개발할 폴더에 프로젝트 설치

1. OS에(win, mac) 프로그램 설치

1) https://nodejs.org/ko/download/ 에서 LTS(Long Term Service) 버전 설치

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

  - 최신 버전도 좋지만 LTS는 최신 버전보다 버그가 적다.

  - Node.js를 설치하면 npm은 자동으로 설치된다.

 

2) Yarn 설치

 - npm install -g yarn / sudo npm install -g yarn (mac)

 

2. Terminal 기본 명령어

1) pwd (print working directory) : 현재 작업 위치를 보여줌
2) mkdir : 파일을 만들어줌
3) cp : 파일을 복사 
   ex) cp -r(recursively) aaa(복사할 파일) bbb(복사한 파일을 붙여 넣을 파일)
4) -r(recursively) : 하위폴더들을 깊이 있게 끝까지 모두 둘러보며 폴더와 파일을 복사함 
5) -rm(remove) : 파일을 지움
   ex) rm -rf aaa(파일명)

 

3. 개발할 폴더에 프로젝트 설치 

https://nextjs.org/

 

Next.js by Vercel - The React Framework

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

nextjs.org

- yarn create next-app

- yarn create next-app --typescript (타입스크립트로 프로젝트를 설치하고 싶을 때)