[TIL] 결국 쓰러졌습니다

🏃🏻‍♂️숙련 주차 시작

이번 주차 목표는 다음과 같다.

1. redux로 상태 관리하기
2. styled-components로 css-in-js 적용하기
3. react-router-dom으로 router 구현

저번 주차에 만들었던 투두 리스트에 추가 기능들을 구현하면 된다.

 

위 목표에 대한 추가 기능은 다음과 같다.

1. todos 데이터들은 redux를 이용해 전역 상태로 관리하기
2. css 파일들은 styled-components 라이브러리로 대체하기
3. 투두 디테일 페이지를 react-router-dom으로 구현하기

📮상태 관리 시작하기

시작하기 전에 좋은 자료들부터 공유해본다.

 

[기억보다 기록을 기술 블로그]

react-redux 사용법, redux, react, react16, state management, flux, store, reducer, dispatch, action

react-redux부터 redux-saga, redux-toolkit까지 문서화가 잘 되어있는 기술 블로그이다.

예제 코드들로 설명이 잘 되어 있어서 참고하면 좋을 것 같다.

 

[velog - Redux-Ducks 패턴]

[React] Redux - Ducks 패턴

redux의 ducks 패턴이 무엇인지 상세히 잘 정리해놓은 글이다.

 

 

[VELOPERT.LOG]

Redux 를 통한 React 어플리케이션 상태 관리 :: 목차 | VELOPERT.LOG

 

velog 제작자 velopert님의 블로그. 5장에 나눠서 미니 프로젝트를 구현하면서 redux에 대해서 강의 형식으로 알기 쉽게 정리해놓았다.

 

[노마드 코더 리덕스 강의]

초보자를 위한 리덕스 101 – 노마드 코더 Nomad Coders

2020년에 업로드된 리덕스 강의. 무료 강의인데도 퀄리티가 좋아서 들어보면 좋을 것 같다.

 

✨Styled-components 시작하기

[기억보다 기록을 기술 블로그]

styled-components 개념 및 예시, react, redux

스타일드 컴포넌트에 대한 글. 리덕스 글도 좋았는데 스타일드 컴포넌트 글은 더 좋다.

 

[styled-components 공식문서]

styled-components: Advanced Usage

이러나저러나 제일 중요하게 봐야 될 건 공식문서다. 공식문서 완전 정리가 잘되어있어서 보기도 좋다.

 

👻아무 말

오늘은 버티고 버티다가 결국 건강 이슈가 터졌다.

 

몸은 피곤하고

감기 기운에 목이 아프고 코도 막히고

집중을 하나도 못하다가

도저히 더이상 참을 수가 없었다.

 

바닥에서 잠깐 쉬다가 잠이 들었는데

일어나니까 감기 기운이 더 심해졌다.

 

결국 병원에 다녀왔다.

그렇게 하루를 거의 다 날려버렸다.

 

다행히도 바쁠 때 터진 게 아니라

바쁜 거 마무리되고 다시 시작하는 타이밍이라서

여유가 없지는 않았다.

 

아직 항해 기간이 한참 남았는데

완주하려면 건강부터 잘 챙기자.

 

몸 관리도 실력이다.

 

이 글을 보시는 여러분은

바쁘더라도 쉬는 것도 일이라고

건강 잘 챙기셨으면 좋겠습니다