React를 이용한 게시판 만들기(+ 인스타그램 클론코딩)

설치

React프로젝트 구성을 위해 node.js를 먼저 설치한다.

Why? React를 사용하는데 Node.js를 먼저 설치할까? 라는 의문을 품게되었다.

 React를 사용하기 위해 Node.js가 반드시 필요한 것은 아니다.

그렇지만, 왜 항상 React뒤에 Node.js가 따라 붙는 것일까?

-> Node.js가 React를 사용하기 더 쉽게 해주는 도구들을 내장하고 있는 오픈소스이자
JavaScript runtime enviroment이기 때문이다.

-> 더 자세히 설명하면 Node.js는 설치 시 NPM이 같이 설치되는데 NPM이란 것을 통해 
React개발에 필요한 다양한 모듈들을 다운받아 사용가능하다.

그렇다면, npm만 설치하면 되지 왜 굳이 npm을 설치하는 것일까?
-> node.js가 있으면 바벨이라는 컴파일러를 추가로 받아 자바스크립트 대신 JSX를 사용하는 것이 가능하다.

1번 (JSX로 작성된코드)가 2번 (자바스크립트로 작성된 코드)보다 생산성 및 유지보수 측면에서 쉬워보인다.

React Project Git에 연동하기

1. GitHub에서 Repository를 생성한다.

2.VS code에서 기존 프로젝트에서 수정한 내용은 왼쪽측면에 소스제어
(Ctrl + Shift + G) 에 변경된 코드들이 기록되어 있다.

3. 변경된 내용을 + 표시(모든 변경 내용 스테이징)을 클릭한다.

4. Ⅴ 체크표시를 눌러 커밋을 진행

5. 메뉴바의 터미널 선택 후 터미널 창 열기

6. git remote add origin 레퍼지토리 주소

7. git push --set-upstream origin master

을 통해 Git Repository에 커밋한다.