react 공부한것 기록-3

오늘배운것중 정리할것

- yarn 을 많이 쓰는이유 : package.json에 dependencies에 의해서 전부 설치되는데 yarn add 하면 default 로 다 넣어줌  

tip) node moduels 때문에 시간이 많이 소요함. 따라서 삭제하고 나중에 node modules 파일 없이 받은뒤 npm i 하면 됨 
팀원들끼리 프로젝트를 압축해서 옮길떄 node_modules 삭제하고 나중에 npm i로 설치 

- 매개변수로 들어가는 함수가 callback fn

- map vs filter -> map은 새로운 배열생성! /  ( 필터는 조건에 만족해야 출력), filter 출력결과 배열이나옴

- map 화살표 멀티라인은 중괄호써야 아니면 잘안씀 
-배열은 users[0].age 이렇게 접근 / 객체는 users.age 이런식으로 접근

- users.map(fucn(item) { 
  return
}) //함수로 사용시

- map 함수 반복적으로 return 하는 부분들은 반드시 태그를 붙여줘야함

- onchange 인라인으로 쓰는거 권장되는것은 X
- 피치못하게 여기에 event 인자를 넣어줄려고 하면 함수로 꼭 감싸줘야함 
ex) onChange{() => nameChageHandler(event)}
cf) onChange={nameChangeHandler(event)} 하면 함수를 실행해버림 
왜냐하면 넘겨주는 시점에서 이미 그렇게 하면..
cf) event만 넘겨줄거면 onChange ={ageChagehandler} 이런식으로 써도됨 
자동으로 event는 인자값으로 넘어감

 

 

- 메모리 할당과정(+ 얕은복사등)

-  가운데정렬 alignItems : 'center' , justifycontent : 'center' 같이사용

 

- map에서 멀티라인일 경우 소괄호를 쳐줌, 화살표일때는 중괄호 쳐주고
멀티라인이 1줄이상? 

- git flow => 깃을 잘사용하기 위한 모델로서 git flow / branch 를 어떻게 운용할지에 대한 좋은사례 

- git flow 프로그램 vs git 

- git graph 사용법 : git graph 설치후 -> 소스제어 클릭 ( Ctrl+Shift+G ) 필요 

참고> https://velog.io/@devp1023/GIT-Visual-Code-Git-Graph

- master 는 언제나 실행가능한 상태를 유지해야함 = 최신버전 = 실행가능상태 

- 실행가능한 상태 만들어가는 branch = develop

- :wq