[React] 1. 리액트란? + 개발 환경 설정

react : 사용자 인터페이스를 만들기 위한 Java Script 라이브러리(프레임워크)

 

- 인터페이스를 편하게 만들 수 있음, 사용자 경험이 좋음

Single page application , 페이지 넘어가는게 자연스러움

- 데이터 처리 편하게 하려고 (데이터와 화면 일치시키는게 좋아짐)

- 컴포넌트들(조각들) 재사용 가능

 

사용자 정의 태그를 만드는 것 (= 컴포넌트)

-> 가독성 높일 수 있음

-> 재사용 가능

-> 유지보수의 편리성

 

 

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

bash install_nvm.sh 
source ~/.profile

nvm ls-remote

이렇게 nodejs와 npm을 깔았고,

 

 

이렇게 create react app까지 깔았다!

다음은 react project를 만들 폴더를 생성한다.

github.com/facebook/create-react-app

facebook/create-react-app

이 문서에 따르면 세 가지 방법이 있었는데 난 그냥 npm이 끌려서 그걸로 했다 ㅋㅋ

성공적으로 폴더를 만들고 나면 다음과 같이 폴더가 생성된 것을 볼 수 있다.

자 그리고 my-app 폴더에 들어가서 npm start를 쳐주면!

요 창과 함께 localhost:3000 사이트가 열리게 된당'

만약 react실행을 멈추고 싶다면 ctrl + c 를 누르면 종료된다.

 

 

++++++

삽질 기록

 

react앱 폴더를 기존 깃에 연동해놓은 react_practice 폴더 안에 넣어 commit, push를 시도해보았지만

warning: adding embedded git repository 라는 에러가 계속 나고 제대로 push 가 안되고 있었다!! 

대충 찾아보니 react 폴더 안에 .git 폴더가 자동으로 생성되어 그 폴더의 git 과 그 상위 폴더 git 과 충돌이 나는 듯 했고 여러 번의 삽질 끝에 해결할 수 있었다

 

정답은 rm -rf .git이었다... 저거 하고 나니 .git 파일이 사라짐. 근데 그냥 폴더 째 지웠어도 될듯..

 

 

+++++ 저래도 제대로 인식 못하고 commit push 안돼서 포기하고 폴더 분리했다^___^ 맘 편안..