상태 관리 기술 : 앱 상에서 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것 한 컴포넌트 내, 여러 컴포넌트 간, 전체 앱 상태관리 모두 포함 새로고침이 없는 웹페이지 = SPA MPA 에서는 서버 데이터를 이용해 페이지를 랜더링, 클라이언트의 데이터와 서버의 데이터가 큰 차이 X(=서버가 데이터를 관리) SPA 에서는 자체적인 데이터를 갖고, 서버와의 동기화가 필요한 페이지가 아닌 데이터만 처리. 그 외 데이터는 클라이언트만의 데이터로 유지(=클라이언트가 주로 데이터를 관리?) 유저와의 인터렉션이 많아질 수록 앱이 사용하는 데이터가 많아지고, 데이터 통신도 충분히 고려해야 한다. SPA 에서는 페이지 로딩 시마다 모든 데이터를 로딩하기엔 오래걸리기 때문에 데이터를 캐싱하고..

1. useReducer state가 많고 state 변경하는 함수가 복잡할 때 하는 방법 const [my_state, my_dispatch] = useReducer(my_reducer(=action타입에 따라 state들을 변경하는 함수), 초기상태(=객체든 값이든)) 2. useContext props 전달하는데 계층이 너무 많을 때 참고 3. 활용 useReducer과 useContext를 같이 사용한다면? 활용 2 동일한 결과

#1 속담 맞추기 #2 카메 메뉴 불러오기 #3 게임 저장하기

10.14 State Hook, Effect Hook, Hook과 같은 기능 클래스, State 변수 선언 [실습1] React Hook 만들기 [실습2] 나만의 Hook 만들기 [실습3] 메세지 출력 오늘의 점심메뉴는? [실습4] 메세지 변경 오늘의 점심메뉴는? -> 바로바로 삼겹살 고추장 구이 [실습5] Hook과 같은 기능을 하는 Class형 컴포넌트 [실습6] State 변수 선언하기 - const [person,setPerson]=useState([]); 쉬운 거라 넘김 [실습7] useReducer로 API 다루기 ( 다시 불러오기 클릭 시 : 로딩중... )

10.13 01 종합 실습/유용한 팁들 [실습1] Form 개발하기 [실습2] 리스트 표현하기 [실습3] 유연하게 State 변경하기(삭제 가능) [실습4] CSS로 꾸미기(삭제 가능) [실습5] 부가 기능 (완료시 예쁜 밑줄, 최대 목록 제한) 10.13 02 SPA와 라우팅 [실습1] 프로젝트 구조 세팅 UserLogin.jsx [실습 2, 3] 회원가입, 유저 정보 페이지 추가 UserLogin.jsx [실습 4] 페이지 레이아웃 적용 [실습5]

useParams는 URL 인자들의 key/value(키/값) 짝들의 객체를 반환한다. 현재 의 match.params에 접근하기 위해 사용한다. (출처 : https://explain-programming.tistory.com/6)