CRA 없이 React 앱 설치 - #1_React

• 필요한 터미널(terminal) 명령어
  • pwd : 현재 작업 위치
  • ls : 현재 위치 안의 파일 출력
  • cd : 작업 디렉토리를 바꾸는 명령어
  • mkdir : 디렉토리(폴더)를 생성

---

React

Step.01

터미널 명령어를 이용하여 원하는 디렉토리로 가서 mkdir '새로운폴더'을 입력하여 새로운 디렉토리를 생성한다.

PS C:\WEB\front-end\React> mkdir '새로운폴더'

   디렉터리: C:\WEB\front-end\React

Mode                 LastWriteTime         Length Name  
----                 -------------         ------ ----    

d-----      2022-06-15   오후 7:53                '새로운폴더'

 
PS C:\WEB\front-end\React> cd '새로운폴더'
PS C:\WEB\front-end\React\'새로운폴더'> 

Step.02

npm init을 입력하여 초기화 하고 package.json파일을 생성한다.
++ npm init -y 입력 시 default값으로 설정된 package.json파일 생성

PS C:\WEB\front-end\React\'새로운폴더'> npm init

Step.03 React 사용 시 필요한 패키지 설치

터미널에서 작업 디렉토리에 npm install react react-dom 입력한다.

• react : View를 만들기위한 라이브러리
• react-dom : UI를 실제로 브라우저에 렌더링 할 때 사용하는 라이브러리

PS C:\WEB\front-end\React\'새로운폴더'> npm install react react-dom

package.json 파일을 열면 dependencies에 react와 react-dom이 잘 설치되어있다.

"dependencies": {
   "react": "^18.2.0",
   "react-dom": "^18.2.0"
}