코딩애플 리엑트

2023-02-06
코딩애플 리엑트 강의

개발환경 셋팅
node.js 설치
vscode 에디터
프로젝트 생성
1.작업용 폴더 생성, 우클릭 터미널 열기
2. npx create-react-app 프로젝트 명


state를 쓰는 이유
  Destructuring 문법
  let num = [1, 2];
  let a = num[0]; //1
  let c = num[1]; //2
  let [a, c] = [1, 2];

  왜 변수로 안하고 state로 하나요?
  만약 변수가 변경되면, 변경이 자동으로 html에 반영이 되지 않는다.
  리엑트는 state의 값이 변경되면, 자동으로 재랜더링 반영된다. > 자주 변경될 부분을 쓰면 된다.


array / object 는 원본을 보존해 복사하는게 좋다
let copy = 글제목;
copy[0] = '여자코트 추천';

jsarray / object  에서
ex>  let arr = [1,2,3]; 
담은 변수엔 화살표(주소값)만 저장됨
주소가 같으면, state는 같다고 여깁니다.
값을 복사하는 것은 주소 값을 변경하기 위함