WIL 5주차 정리

12월에 중간이 다다르고 곧 크리스마스가 오는 12월 2주차가 끝났다. 이번 주에는 Todo List를 본의치 않게 Todo List만 3번 연속으로 만들게 되었습니다. 기초과제 Todo와 Clone Todo와 숙련과제 Todo 를 만들었습니다.

 

기초과제 Todo는 프론트에 꽃이라 불리우는 CRUD 를 구현해보는 과제였습니다. 사실 CRUD는 이미 많이 해본터라 구현하는데 어려움을 겪진 않았습니다. 

 

CRUD 란?

• C : Create (생성) 데이터등을 생성하는 행위입니다.
• R : Read (읽기) 데이터등을 읽어오는 행위입니다.
• U : Update(갱신) 데이터등을 수정하는 행위입니다.
• D : Delete (삭제) 데이터등을 삭제하는 행위입니다.

즉 데이터등을 쓰고 삭제하고 수정하고 읽어오는 행위를 일컫는 말입니다.

 

그리고 Clone Todo는 CRUD와 Context API로 다크모드를 구현했습니다.

 

Context API란 ?

• 간단하게 설명하자면 하위 컴포넌트에 일일이 props를 넘기지 않고 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다.

마지막으로 숙련과제 Todo에서는 CRUD와 Route와 Redux를 사용하여 만들었습니다.

 

Router 란?

• 사용자가 요청한 경로(URL 주소)에 따라 해당 URL에 맞는 다른 View를 보여주는 것이다. 리액트 자체에는 내장되어 있지 않는 기능이여서 react-router라는 것을 따로 설치해 주어야 하며, 많은 사람들이 사용하는 라이브러리이다.

Redux 란?

• React의 프로젝트 규모가 커질때마다 넘겨줘야 하는 Props의 깊이도 깊어진다.. (props driling) 따라서 어디서든 내가 원하는 컴포넌트에서 해당 데이터를 Props 없이 사용할 수 있게 해주는 강력한 라이브러리이다.

 

이렇게 다양한 CRUD와 Contetx API, Router, Redux 등 Front-end에서 작업을 하는데에 필요한 필수적인 기능들을 많이 배우게 되었습니다.

 

결론

Redux는 생각보다 어려웠다...