Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

리액트 정리

[인프런] Nodebird 리뉴얼 (진행중) 본문

리액트

[인프런] Nodebird 리뉴얼 (진행중)

버그킴 2020. 7. 28. 03:20

front/pages (네이밍 컨벤션!)

index.js

 

맨 위에 import React from 'react'; 안쓴 이유: 

넥스트가 pages 폴더는 자동 인식 -> 파일들을 코드스플리팅 된 개별 페이지로 만들어준다. 

 

action을 만드는 이유는, history를 남기기 위해서. (타임머신, 디버그)

reducer를 만드는 이유는, action을 js에게 이해시키기 위해서. 

 

 

왜 객체를 새로 만들어줘서 리턴해주나 ? 

{} === {} // false

이전기록, 다음기록을 둘다 남기기 위해서. 히스토리 관리!

새로운 객체를 만들어서 참조관계를 끊어준다. 

 

 

새 객체를 생성할 때 ...state로 일부 참조 유지. 메모리 관리. + 받은 데이터.