React 사용하는 이유 :
Vue, angular 는 mvc framework(model view controller) 로서 사용하는데 react는 view만 다루는 라이브러리에 매력
생태계가 잘되어 있다 (자료가 많다)
Angular 구글
React 페이스북
vue는 좀 많아지는 추세
- Node : 탈웹에서도 js를 쓸 수 있게 하는
- npm = node package manager
Cra : react를 처음 배우는 단계이고 default setting이 잘 되어있음. 빨리 개발을 하기 위해 cra를 사용 (여러 단계가 있음). cra package들이 node기반이므로 node, npm의 pre-설치가 필수적.
1)node-modules : package.json “dependencies”설치된 패키지의 이름과 버전이 있음
Gitignore
node-modules를 다 깃하면 너무 용량이 커서 package.json만 보내서 다른 사람이 설치된 패키지랑 버전을 확인
npm install을 상시로 해주면 없는 패키지가 내꺼에 설치
2) public - index.html - index.js - app.js
** src- styles - reset.scss (기본 브라우저 디폴트값을 없애주는)/ common.scss (공통적으로 적용되는 css 니까 font-size, theme color (그걸 불러올수있음))
Routing : 페이지를 왔다갔다 하는 기능
React-router-dom (third party)를 이용해서 리액트 내에서 페이지를 이동하는 기능 구현
Spa (single page application) 연관지어 생각해볼 것
Link : 누르면 바로 이동(인증을 거쳐야할 때는 쓰지 않음 바로 이동하면 안되니까) link 태그로 감싸줌
jsx에서 js로 변환시 < a >태그로 변환되므로 css도 고려해줘야함
Ex) nav 에서 누르면 바로 이동하고 싶을때 사용
withRouterHOC : 함수를 써서 이동
<git 기본사용법>
Merge 후
Branch 굳이 삭제할 필요는 없음
Git checkout origin master
Git pull origin master
(업데이트해줘야함)
Git branch feature/ 브랜치 새로 생성
<여러명이랑 작업할 때 >
내 작업을 하고
Git add - commit 하고나서
master가 merge 된 경우 새로 업데이트 받아야하니까!
master로 checkout옮긴후에 pull origin master 해야함
//원래는 내 브랜치에서 해도 되지만 나중에 rebase 할때를 위해서 지금부터 연습할 것
내 브랜치로 다시 옮긴다음에 checkout
Git merge master 하면 conflict 나는데 충돌해결하고
Add - commit - push 하면 충돌날 가능성이 적어짐
