props, state와 리액트 리렌더링

이번 주차에서 익힌 것들을 정리해보고자 한다.

 

---

props, state를 이용한 Todo List

 

 

• Todo List 구현 (CRUD)
• 구조 분해 할당을 통한 코드 정리
• 리액트 리렌더링 조건에 대한 개념 이해
• 스프레드 연산자의 다양한 활용법
• 고유한 ID값에 대한 이해 (...칭찬받음)

id: `todos_${new Date().getTime() + Math.random()}`

 

---

redux

• redux를 이용한 Create, Read기능 구현

 

다음 주에는 라우터를 곁들여 나머지 Update, Delete까지 구현해볼 계획이다.

 

---

아쉬웠던 점

Update와 Delete 구현에 상당히 애를 먹었었다.

특히나 Update 기능인 완료와 취소를 구현하는 데 있어서 접근법 단계에서부터 막혔었는데, 팀원들과 기술 매니저님에게서 힌트를 얻어 스프레드 연산자를 사용해 값을 변경, 삼항 연산자나 논리곱, filter 함수를 쓰는 것으로 구현할 수 있었다.

 

다 만들고 나서 느낀 것은 이건 내가 혼자서만 붙들고 있었더라면 못 만들었겠다는 것이다. (발상 자체를 하질 못했다...)

 

그러나 결국 이런 상황은 또 찾아올 것이고, 코드를 많이 보고 접해 발상의 폭을 넓히며 그것들을 내 것으로 만들면 된다는 결론을 내렸다. 노력  또 노력!!!