20211223 목요일
오늘의 도전과 배움
리액트 스터디 시간
[생활코딩! 리액트 프로그래밍] 5.React Redux
1) 수업 소개
2) 수업 계획
두 강의를 들었다.
오늘은 수업 소개만 해서 가벼운 마음으로 들었다.
먼저 Redux 없이 React 애플리케이션을 만들고
그 다음 Redux를 이용하는 방식을 써보고
마지막으로 React Redux를 적용해본다고 했다.
하드 트레이닝 시간
react:realworld
메인 페이지 컴포넌트 분리하고 props 설정, 사용
실패할 테스트를 먼저 작성해서 테스트 실행 후
원하는 기능을 구현해서 테스트를 성공하게끔 하는 TDD방식으로
오늘은 ming님의 vsc에서 realworld 초기 부분을 짝 프로그래밍 했다.
1.cypress을 실행하고 integration폴더에 auth.spec.js 파일 생성 후 테스트 실행
2. 메인화면 컴포넌트 분리 -> NavBar.tsx, ArticlePreview.tsx로 분리
3. 반복되는 ArticlePreview 내용을 담기위해 ArticlePreviewProps interface설정
4.Home.tsx에 Props들을 구조 분해 할당으로 설정 후 변화하는 부분에 props 삽입
5. tags는 여러개가 올 수 있으므로 tags.map을 통해 여러개의 tag를 삽입
6. fetch 사용을 통해 서버에서 데이타 가져오는 설명 듣다가 수업 끝
여기까지 오늘은 또 새로 합류하신 옐님을 포함해 토끼님,밍밍님과 함께 짝 프로그래밍을 해서 구현해보았다.
모각코 시간
하드트레이닝 때 배운 위의 내용들을 ming님과 yell님과 각자 연습 repository에 다시 구현하는 연습을 했다.
cypress 사용
- integration 폴더에 테스트할 auth.spec.js 파일 넣기
- describe : 테스트 구획 나누기의 개념 / 기능 이름 + 함수 1개
- it : 테스트 할 기능 1개마다 앞에 붙여요. / 기능 이름 + 함수 1개
블로그 쓰는 요령 수다를 나누었는데
- 강의를 듣는 중에도 기억하고 싶은 코드나 이런 건
출처와 함께 올리기- 뭐라도, 하고싶은대로 일단 기록해보고 하면서 고쳐나가기
[리액트를 다루는 기술] 도서 4장에서 이벤트 핸들링을 class 컴포넌트로 구현하는 걸
밍님이 라이브 쉐어에서 설명해주셔서 듣고 각자 연습 레파지토리에서 복습하기로 했다.
궁금한 점, 어려웠던 점
hmr 정의가 모였드라
fetch가 서버에서 데이터를 가져오는 거였어?
리액트 todoMVC 내가 설명하려니 왜 모르겠지..
다른 분들이 구현하고 있는 프로젝트 사이트들 구경하니까 다 어마어마해보인다.
나는 언제쯤?? 할 수 있을까 띠용~
내일 해보고 싶은 점, 방향
하드 트레이닝 시간
realworld 짝 프로그래밍 진도 나가기
아침 공부 시간
리액트 스터디 - [생활코딩! 리액트 프로그래밍] redux 강의 듣고 정리
3) redux없이 react 애플리케이션 구현하기
수업 내용을 벨로그에 정리해보며 이해돕기
모각코 시간
ming님, yell님과 하드트레이닝 복습
ming님과 리다술 5장 실습
리액트 공식 문서 읽기
모던 자바스크립트 튜토리얼 1개 읽기
