[React] 리액트 시작하기

🎯 리액트 설치 및 셋팅 명령어

1. Node.js 검색 후 최신버전을 설치한다.

2. Visual Studio Code 에디터를 설치한다.

3. 코드를 작성할 폴더를 생성한 후, 에디터에서 작업폴더를 Open Folder 한다.

4. 터미널에서 npx create-react-app 프로젝트명을 입력해서 리액트 프로젝트를 생성한다.

5. cd 프로젝트명(폴더) 명령어를 통해 프로젝트명의 하위폴더로 이동한다.

6. 코드 작성 후, 터미널에서 npm start를 통해 프로젝트를 실행한다.

 

🎯 리액트 프로젝트 생성 후 정리 및 확인할 파일

1. public 폴더 > logo.png, manifest.json 삭제

2. src 폴더 > App.js에서 컴포넌트들을 로드 후 사용

 

🎯 리액트 프로젝트 git repository에 업로드

1. git repository 생성

2. git init을 하기 위해 rm -r .git을 통해 이미 존재하는 .git 파일을 지워준다.

3. git init을 통해 git 환경을 만들어준다.

4. 생성한 repository를 git remote add origin repository주소를 통해 remote로 등록한다.

5. git add .를 통해 create-react-app으로 만들어진 파일들을 staging한다.

6. git commit -m "first commit"

7. git push origin master

 

 

 

 

 

 

[ 참고 ]

- https://www.youtube.com/watch?v=nahwuaXmgt8

- https://velog.io/@dev_sanghoon/React-create-react-app%EC%9C%BC%EB%A1%9C-%EB%A7%8C%EB%93%A0-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-git-repository%EC%97%90-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EA%B8%B0