일일회고 Day-26

20211222 수요일

오늘의 도전과 배움

리액트 스터디 시간

[생활코딩! 리액트 프로그래밍] 4.React&Ajax

5) 프레젠테이션 컨테이너에서 데이터 종속성 제거하기
6) 로딩 중 기능 구현 & 수업을 마치며
두 강의를 들었다.

아직도 class컴포넌트를 이용해서 ajax를 하는 것은 제대로 이해가 가지 않아서, 정말~ 나중에 실습을 몇번해서라도 이해가 되면 좋겠다.
나는

• article의 props값이 너무 길어지거나
• state 구조에 따라 메서드의 구조를 변경하는 부분
• false와 true를 로딩하는 원리

부분에서 이해를 못하고 있는 느낌이다.

하드 트레이닝 시간

react:realworld
cypress로 e2e테스트를 먼저 해서 TDD방식으로 회원가입 페이지 기능 구현하기

실패할 테스트를 먼저 작성해서 테스트 실행 후
원하는 기능을 구현해서 테스트를 성공하게끔 하는 TDD방식으로

• 회원가입 페이지 이동
• 회원가입 Input 입력
• 다시 홈 화면으로 이동
• 로그인 후 NavBar 내용 변경

기능을 토끼님,밍밍님과 함께 짝 프로그래밍을 해서 구현해보았다.

모각코 시간 with ming

[리액트를 다루는 기술] 도서 3장에서 함수형 컴포넌트 부분을 밍밍님과 함께 실습해보고 질문거리를 찾아 토끼님에게 질문했다.

• 자바스크립트에서 this 문법의 활용
• 기본 값 설정 -> parameter에 구조 분해 할당 형식으로 객체 설정하기로 함
• proptypes 사용 여부 -> typeScript를 사용하므로 사용하지 않기로 함
• vsc에서 자동 import 하는 방법
• state를 사용할 때 주의사항: state값을 바꾸어야 할 때는 setState 혹은 useState를 통해 전달받은 세터 함수를 사용해야합니다
  -> react의 불변성에 관한 개념

이 중 this 문법이나 불변성에 관한 개념은 아직 머리속에 정리가 안됐다.

---

궁금한 점, 어려웠던 점

• 자바스크립트 this 문법
• 불변성에 관한 개념

---

내일 해보고 싶은 점, 방향

하드 트레이닝 시간

realworld 회원 가입 페이지 - 글쓰기 기능 구현

아침 공부 시간

리액트 스터디 - [생활코딩! 리액트 프로그래밍] redux 강의 듣고 정리
redux도 넘나 들어도 들어도 모르겠는 것~~

모각코 시간

ming님과 todoMVC 복습
ming님과 리다술 4장 실습
리액트 공식 문서 읽기