2023. 11. 19. 10:44ㆍIT
1. Node.js 설치
- React 프로젝트를 생성하기 위해 Node.js 설치 필수
- 구글에서 공개
- 웹브라우저가 아니라 컴퓨터에서 자바스크립트를 실행 가능하게 하는 자바스크립트 런타임 도구
- 설치 사이트
https://nodejs.org/en/download
Download | Node.js
LTS Recommended For Most Users
nodejs.org
- 윈도우10에 설치할 것이므로, Windows Installer (.msi) 64-bit 다운로드 및 실행
npm은 Node Package Manager로, node.js를 설치하면 같이 설치
설치 완료되면, 명령 프롬프트에서 설치 확인
2. npm 설명
- node 설치 시 자동으로 설치
- node package manager
- node_modules 폴더에 라이브러리를 저장, package.json에 관련 라이브러리 저장
- spring, spring boot에서 build.gradle, pom.xml 같은 역할
3. Create React App 설치
- 리액트 프로젝트를 시작하는데 필요한 개발환경을 세팅해주는 도구
- 리액트 프로젝트에 필요한 패키지들을 묶어 리액트 앱 생성
- 사용 하지 않는 경우, 프로젝트에 필요한 패키지를 수기로 package.json에 추가
- 리액트 앱 생성한 폴더로 이동
cd C:\work\***\marcon-react-study
- 리액트 앱 시작
npm start
- localhost:3000 의 주소로 자동으로 생성되는 것을 확인
visual studio code, vscod 설치는 아래 포스트를 확인하세요. (코딩툴, IDE)
React를 위한 VSCode Visual Studio Code 설치하기
React를 위한 VSCode를 설치하려고 합니다. #1. VSCode설치파일 다운로드 하기 https://code.visualstudio.com/download# Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - L
marcon.tistory.com
'IT' 카테고리의 다른 글
| ElasticSearch received plaintext http traffic on an http channel, closing connection 에러 (0) | 2024.01.23 |
|---|---|
| 윈도우 elasticsearch - nori analyzer 설치 (0) | 2024.01.23 |
| React를 위한 VSCode Visual Studio Code 설치하기 (0) | 2023.11.19 |
| Open AI CLIP (Contrastive Language-Image Pre-training) (1) | 2023.10.06 |
| Contrastive learning (대조 학습) (0) | 2023.10.06 |