Wecode 2주차 메모

2023/09/04(월)

• React Props & State (10시 ~ 12시)
  - hook 개념
  - props 개념
  - state 개념
• 개발자가 가져야 하는 마인드셋 (14시 ~ 15시)
  - 올바른 학습태도와 마인드셋이 중요
  - 자신만의 목표와 비전을 가지자
  - 좋은 관계를 형성하자 (개발은 결코 혼자하는 일이 아니다)
  - 내가 몸 담고있는 회사를 귀하게 여기는 마음
• CodeKata 가이드 (15시 ~ 15시30분)
  - Mon ~ Fri (20시 ~21시)
  - 매일 1시간씩 팀별로 알고리즘 문제를 풀어보는 시간

2023/09/04(화)

• Props & State 리뷰 (10시 ~ 11시30분)
  - … 문법 => 객체 복사 (객체 구조분해할당)
  - 객체 속 key값을 변수로 쓰려면 (대괄호) 사용
• useEffect 강의 ( 11시30분 ~ 13시 30분)
  - Side Effect
  - useEffect

2023/09/05(수)

• useEffect 리뷰 (10시 ~ 11시30분)
  - self check(test) 리뷰 (내 점수 : 100점)
• 인증 & 인가 (12시 ~ 13시)
  - Session & Token
  - Bcrypt
  - JWT
• Data 활용(14시 ~ 15시30분)
  - 상수데이터
  - Mock데이터

2023/09/06(목)

• Fetch 실습(11시 ~ 13시)
  - 로그인 회원가입 준비
  - fetch 함수 이론 및 실습
  - JWT
• 로그인 페이지 실습 (14시 ~ 17시)
  - front와 back이 하는 일
  - backend서버와 통신하기 실습
• Communication Skill의 중요성 (17시 ~ 18시)

2023/09/07(금)

• React Wrap up(10시 ~ 12시30분)
  - 이번주 react 수업 정리
  - 이벤트 위임 , 이벤트 캡처링, 이벤트 버블링
• 1차 프로젝트 준비 ( 14시 ~ )

---

한 주 마무리

Q1 : useState를 사용해서 state의 값을 업데이트 후 바로 console.log를 찍어보면 값이 바뀌지 않고 한 박자 느리게, 즉시 반영되지 않는다. 왤까…
A: state강의 링크에 답 있음 ..

Q2 : fetch함수로 가져온 json데이터를 List형태로 가공하여 사용 할 때, 왜 usestate를 사용하여 setList를 해줘야 하는가.. 그냥 변수로 List를 선언하고 그 List에 값을 할당하면 안되는가
A (ChatGPT):React 컴포넌트에서 상태를 변경할 때 useState를 사용하는 것이 권장되는 이유는 React의 렌더링과 상태 업데이트 사이의 관계를 관리하기 위해서입니다. 직접 변수에 값을 할당하면 React는 이 변경을 감지하지 못하고 컴포넌트가 다시 렌더링되지 않습니다.

백엔드와 로그인 실습 때, 백엔드 오류가 나서 회사생활 하면서 익힌 백엔드 짬으로 해결 해 드렸다. 쿼리에서 user 테이블을 uesr로 오타가 난 것이었다. 3~4시간동안 해결 못했다는데 2년 넘게 개발하면서 스펠링 오타는 수도 없이 겪어봐서 … 뿌듯했다 …