#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)

(출처: https://ko-de-dev-green.tistory.com/18)

async ( Promise를 더 간략하게 ) 만약 비동기적 처리를 해주지 않으면 자바스크립트는 싱글쓰레드기 때문에 딱 이 코드를 보자마자 자바스크립트는 fetchUser를 Call하고 100초동안 사용자는 아무것도 못하고 계속 기다려야 한다. -> Promise를 사용 Promise는 resolve, reject를 통해 완료해주지 않으면 계속 pending 상태 await ( async 내에서 ~할 때까지 기다려! return값을 반환해주는 함수 ) 그러나 저 pickFruits 부분에 return then return then으로 또 Callback 지옥이 생각 난다... 따라서 async로 더 간단하게 만들어보자. 병렬 처리 Promise는 만들자마자 저 안에 코드가 실행되기 때문에(바로 getAp..