오늘한것
1. React로 Todolist 만들기 완료
예상치 못하게 생각보다 빠르게 Todolist를 끝냈다...
처음에는 구글링 했을 때 나온자료들이 하나도 이해가 안갔다.
각 component를 function으로 만들고 props와 useState만을 이용해서 Todolist를 만드는 것인데 어찌저찌 만들었지만
제대로 이해하고 만든건지 잘 모르겠어서 다만들고 주석을 달면서 최대한 내것으로 만들어 보려고 했다.
만들면서 막힌 부분이 많았는데
그 중 한가지는 나는 기능을 구현하기위해 굳이 기능이 일어나는 컴포넌트에서만 props를 받아와서 event handler 함수를 이용해 무언가를 하려고 했던것이다.
음... 한마디로 부모 컴포넌트에서 event handler함수를 props로 보내서 자식 컴포넌트에다 달아만 두고, 해당 함수는 부모컴포넌트에서 처리하여 부모에게 있는 데이터를 가지고 더 자유롭게 조작가능해진다.
두번째는 객체들로 구성된 배열에서, 객체의 값 하나만 바뀌게 만드는 것이었다.
리액트에서는 배열이나 객체를 다른 변수에 할당하거나 그대로 값만 수정해주는 경우에는 값이 바뀌어도 같은 메모리 주소, 같은곳을 참조하기 때문에 변화를 인지하지 못해서 렌더링이 다시 일어나지 않는다.
때문에 배열의 경우에는 스프레드 문법으로 얕은 복사를 하는 것과 같이 값이 다른 메모리주소에 복사되어 바뀌게 할 수 있는 방법을 사용해야 한다.
라고 알고 있는데 이부분은 완벽하게 이해한것은 아니기때문에 좀 더 자세히 찾아서 작성하겠다.
다음 목표 및 개선해야할점
- 주 1회 알고리즘 풀이( 평일에는 힘들것 같으니 주말을 이용)
- 드림코딩 javascript 문법 훑기
- react 주특기 전 추천영상 시청(CSS grid, Grid Garden, 코딩앙마- 자바스크립트 DOM & EVENT 구조)
- 내일은 객체 리터럴에대해
- 팀과제 질문 정리하기