React 기초 5강 - state 맘대로 변경하는 법

코딩애플 - 리액트 기초 : 블로그 프로젝트 만들기 기반으로 스터디하며 작성하였습니다.

 

이전글

 

1. 버튼을 누르면 첫째 제목이 '수원 카페 추천' 으로 변경하는 법 (하드코딩 버전)

 

🚨유의사항🚨

- 제목변경() 함수에 소괄호()를 넣을 경우, 버튼 클릭시가 아닌 바로 함수가 실행 된다.

 

버튼을 누르면 좌에서 우측으로 변경된다.

 

2. 버튼을 누르면 첫째 제목이 '수원 카페 추천' 으로 변경하는 법 (복사본 만들기)

수정된 [데이터]를 만듭니다. 

다만, 원본 state 수정은 불가❌❌

이렇게 하면 안됨..!

이렇게 해도 안됨

 

👉 state 데이터 수정 테크닉

deep copy 해서 수정하는 방법

deep copy : 값 공유❌, 서로 독립적인 값을 가지는 복사

 

👉 Array, Object state 데이터 수정 방법 

- 일단 변경함수를 써야한다.

- 변경함수(대체할 데이터)

- state는 직접 건들지 말아야한다.

- deep copy 해서 그걸 변경해야한다.

 

3. 버튼을 누르면 제목들을 글자순 정렬?

1. 일단 기존 state 카피본 만들고

2. 카피본 수정사항 반영하고

3. 변경함수()에 집어넣기 

(꼭 외우기)