사전 과제 일지 - 220803

# 시작의 한마디

어제는 시간의 여유가 없어서 오늘 다크모드를 완성하려고 한다.

방법은 recoil을 통해서 작업하려고 한다. recoil을 공부중이어서 선택하게 되었다.

라이트모드와 다크모드를 전역관리 해서 만들어 봐야지.

 

# 과제 중 이슈/고민 .. 그리고 해결한 내용

• Home과 PostDetail 페이지 각각 버튼이 들어가야한다. 어떻게 접근하지..?
• App.js에서 다크모드에 대한 state와 토글을 만들어서 props로 전달해서 하는 방법을 해봐야겠다.

# 개발 업무내용

[오늘의 한 일]

• atoms.js에서 각 모드에 대한 상태값을 설정해주고 App.js에서 설정해준 상태값들을 불러와 토글을 만들어주었다.
• current라는 변수를 만들어 theme에 현재 state 값을 저장하고 필요한 값들을 저장해주었다.
• 모드 버튼을 누를 때마다 색이 변경되어야 하기 때문에 props 형태로 컴포넌트에 전달해주었다.
• 화면 전체에 배경색이 잘 나타게 하기 위해서 styled-reset 패키지를 설치하고 reset css를 설정해주었다.
• 완료 페이지 - https://kimoony.github.io/codestates-fe-advanced-course/

[npm installing list]

• npm i recoil
• npm i styled-reset

# To-do List

[주요 일정]

• GitHub 레파지토리에 구현내용 추가 기능 등에 대한 내용 작성하기