TIL #210315

📚 TIL

---

코드숨 8주차 DAY 50, 노마드코더 코코아 챌린지 DAY 15, 솔루션 챌린지

🍩 학습목표

 

레스토랑 앱 꾸미기

 

1. Redux toolkit을 사용하여 중복 코드 제거하기

2. Emotion을 이용하여 꾸미기

3. UseCallback을 이용하여 성능 최적화하기

4. React.memo를 이용해서 성능 최적화하기

 

---

 

🍩 Emotion, Redux Toolkit, PureComponent

 

 

Emotion

 

- 자바스크립트 코드에서 CSS 작성

- 작성을 돕는 라이브러리인 emotion 사용

 

Redux Toolkit

 

- ducks pattern : action과 reducer를 하나의 파일에서 사용하는 패턴

- configureStore : Redux의 createStore 함수에서 개발을 더 쉽게 하게 도와주는 기본 설정들이 들어있는 스토어 생성 함수

 

Pure Component

 

- Pure Components

- 메모이제이션, React.memo()

- useCallback

 

---

 

🍩 8주차 과제 수행하기

 

- 오늘은 첫번째 과제 목표인 Redux toolkit을 사용하기를 했어요!

- slice로 actions과 reducer를 함께 관리하니까 좋네요!

- 내일은 홈페이지 꾸며야지 ㅎㅎㅎ

 

 

---

 

🍩 코코아 챌린지 강의 수강, 과제 제출하기

 

- 드디어 마지막날!! 어제 구조를 다 짜놔서 오늘은 꾸미기만 했어요

- 그런데 꾸미는데 시간이 더 걸려서 ㄷ ㄷ 5시간은 한 것 같아요

- 깃허브 홈페이지로 제출까지 완료! 선생님이 강의 끝에 만든거 자랑하래서 여기다 자랑해요~~

- 휴대폰으로는 아마 안보일거예요 작은 크기로 보니까 화면이 이상해지는데 고칠 시간이 없어서 안보이게 해놨어요

- 휴 힘들었다 코코아 챌린지 하신 분들 모두 고생하셨어요!! 재밌다 다음 챌린지들도 도전해야지 히히

 

https://najeong-kim.github.io/KoKoa/

Welcome to Zoo Talk

 

귀엽죠!!!

 

- 그리고 강의도 다 들었어요 ㅎㅎ

- 7강은 깃허브 사용법!! 원래 브라우저로만 하다가 데스크탑 앱 설치했어요

 

 

- HTML/CSS 강의 코코아톡 클론코딩 100% complete!! 히히

- 수료증도 받았어요 챌린지에 참여하면서 강의를 들으니까 실습도 할 수 있어서 더 빨리 늘어요 ㅎㅎ

 

 

- 다섯시간은 한 줄 알았는데 4시간도 안했네..?

- 코드 작성만 저만큼이니까 시간 투자는 더 했겠죠 ㅎㅎ아 css 재밌다

 

 

---

 

🍩 솔루션 챌린지 디자인하기

 

html로 구조는 다 짜놔서 css로 디자인을 했어요

최대한 깔끔하고 예쁘게! 하고싶은데 초보의 한계네요...ㅠ

일단 1차로 뼈대는 잡아놨으니 디테일한거 수정하면서 며칠 붙들고 있으면 괜찮겠죠 ㅎㅎ

 

 

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 오늘은 아침에 회고랑 TIL 쓰고 코드숨 강의듣고 코코아 챌린지에 코드숨 과제에 솔루션 챌린지 디자인까지 많이 했다!

- 친구랑 카페가서 같이 공부했어요 예쁜 카페 ㅎㅎ 근데 의자가 완전 삐걱거려서 허리아팠어요 ㅠㅠ

- 요즘 딱 6시간만 자고 일어나져서 하루가 엄청 길어요 좋다 공부 열심히 해야지! 제발 시간나면 알고리즘도 해보자~~

 

 

📃 포트폴리오 멘토링받기

- 지난번에 들었던 강의에서 당첨돼서 오늘 오전에 포트폴리오 멘토링을 받았어요!

- 지금 잘 하고있는지, 앞으로 어떻게 하면 될지 얘기했어요