티스토리 뷰
https://todo-list-react-puce-seven.vercel.app/
내일 시험을 준비하기 위해 알고리즘은 하루 쉬고 오전부터 리액트를 공부했다.
정주혜 기술매니저님이 설명해주신 React 기본과 내 코드 질문과 답변을 정리했다. 처음에는 그냥 녹화 영상만 보다가 이해가 안 돼서 코드를 다 따라쳤다. 데이터를 주고받고 화면에 보여주는 흐름을 이해하는데 집중했다.
내 코드를 component 별로 화면 구성요소 별로 나눠서 리뷰를 했다. 코드 리뷰를 하는 도중에 공백 입력 방지 예외처리를 했다. key값 id를 toDos.length +1 로 하니까 삭제하고 다시 추가하면 id 숫자가 중복되는 문제가 있었다. uuid 라이브러리를 추천받아서 id를 uuidv4()로 바꿨다. 데이터를 저장해서 새로고침해도 보여주는 기능까지 넣고 css도 손보고 싶었는데 기본 개념을 더 공부하는 게 맞을 것 같다. 내일 github에 파일을 다시 업로드하고 README도 쓰고 이 프로젝트를 마무리해야겠다.
👊🏻 오늘 한 일
- TodoList 기능 설명, Q&A 정리 - 개념 숙지
- 전체 코드 리뷰(미완)
- 추가 - 예외처리, key값 uuid로 생성하기
😲 오늘 느낀 점
리액트 입문주차 첫 날 코드와 설명만 보면 '그래서 이게 화면의 어느 부분이야?' 라는 생각이 들었었다.
👏🏻 오늘의 칭찬
각 component가 화면의 어떤 부분인지 사진으로 첨부해서 코드 리뷰를 하고 있다.
더 좋은 코드를 쓰려면 어떻게 해야할지 고민하는 시간을 가졌다.
밤에 운동을 하고 오니 잠도 깨고 상쾌해서 좋았다.
🤔 오늘 아쉬운 점
코드 리뷰를 다 끝내고 자려고 했는데 3시 반이 넘어가니 머리가 말을 안 들었다.
⛵️ 내일 할 일
- 10시 리액트 입문 주차 시험
- [프로그래머스] 34. 모의고사 git push
- Browser Rendering
- TodoList 전체 코드 리뷰
- 트러블 슈팅, 추가 기능 설명
- git push, README
- 영상 촬영 및 업로드
'Edu_hanghae99 > TIL' 카테고리의 다른 글
[TIL] 리액트 숙련 주차 시작 221202 (2) | 2022.12.03 |
---|---|
[TIL] 잠이 와요 잠이 와_221201 (2) | 2022.12.02 |
[TIL] 미련을 버려야 했나봐 221129 (0) | 2022.11.29 |
[TIL] React 우리 좀 친해지자 🥹 221128 (0) | 2022.11.28 |
[TIL] React 와의 첫 만남_221126 (2) | 2022.11.26 |