티스토리 뷰

https://todo-list-react-puce-seven.vercel.app/

 

React App

 

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
  • 영상 촬영 및 업로드