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
No Service 21:23 100%
najeong-kim.github.io
- 그리고 강의도 다 들었어요 ㅎㅎ
- 7강은 깃허브 사용법!! 원래 브라우저로만 하다가 데스크탑 앱 설치했어요
- HTML/CSS 강의 코코아톡 클론코딩 100% complete!! 히히
- 수료증도 받았어요 챌린지에 참여하면서 강의를 들으니까 실습도 할 수 있어서 더 빨리 늘어요 ㅎㅎ
- 다섯시간은 한 줄 알았는데 4시간도 안했네..?
- 코드 작성만 저만큼이니까 시간 투자는 더 했겠죠 ㅎㅎ아 css 재밌다
🍩 솔루션 챌린지 디자인하기
html로 구조는 다 짜놔서 css로 디자인을 했어요
최대한 깔끔하고 예쁘게! 하고싶은데 초보의 한계네요...ㅠ
일단 1차로 뼈대는 잡아놨으니 디테일한거 수정하면서 며칠 붙들고 있으면 괜찮겠죠 ㅎㅎ
😁 오늘 한 일
📕 공부하기
- 오늘은 아침에 회고랑 TIL 쓰고 코드숨 강의듣고 코코아 챌린지에 코드숨 과제에 솔루션 챌린지 디자인까지 많이 했다!
- 친구랑 카페가서 같이 공부했어요 예쁜 카페 ㅎㅎ 근데 의자가 완전 삐걱거려서 허리아팠어요 ㅠㅠ
- 요즘 딱 6시간만 자고 일어나져서 하루가 엄청 길어요 좋다 공부 열심히 해야지! 제발 시간나면 알고리즘도 해보자~~
📃 포트폴리오 멘토링받기
- 지난번에 들었던 강의에서 당첨돼서 오늘 오전에 포트폴리오 멘토링을 받았어요!
- 지금 잘 하고있는지, 앞으로 어떻게 하면 될지 얘기했어요