React 초보 실습 - 1

기초부터 실습을 연습하려 합니다. 글 내용을 굳이 참고하실 필요 없고

생활코딩 유투브 강의 들으시면서 진행하시면 됩니다. 다른 부분이 있다면 전 git 연동을 같이 시작했습니다.

https://www.youtube.com/watch?v=txX3bL22esU&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=2 

 

1. Node.js 설치하기 https://nodejs.org/en/

Node.js

2. Visual Studio Code 설치하기 https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

3. Git 설치하기 https://git-scm.com/downloads

Git - Downloads

(Github에서 Repository를 먼저 만들든, 아래 예제를 먼저 만들고 clone/push 하든 상관 없음)

4. Github 와 연동하기 https://github.com/

GitHub: Where the world builds software

4-2. (만약 private 프로젝트라면) ssh key 등록하기 https://danthetech.netlify.app/General/connecting-to-github-with-ssh

<Github> Github에 SSH key 등록하고 private repo를 ssh clone으로 모듈을 import해서 사용해보자.

5. VS code 에서 npx 명령어로 create-react-app 하기

(. 은 현재 디렉토리를 의미)

npx create-react-app .

만일 아래 문구가 나왔다면 y 입력

Need to install the following packages:
  create-react-app
Ok to proceed? (y)

5-2. (VS Code 오류가 발생한다면) 오른쪽 터미널 선택에서 Command Prompt 선택

6. npm start 입력

npm start

7. 기본 브라우저 실행과 함께 익숙한 리액트 로고가 나타나면 정상설치 완료.