[사라씨의 코린기] Final Project 마지막주차

프로젝트를 하면서 학습한 것

• Redux 사용

  • Redux-persist
  • 상태값 유지 하는 몇 몇 방법

• localStorage and sessionStorage

  • JSON.stringyfy()
  • sessionStorage.clear()

• css keyframes, 간단한 애니메이션_ 건식이로딩아이콘, 그리드 스켈레톤, 메인페이지 슬라이드 인

• svg 의 사용

• css text-overflow: ellipsis / container over-flow: hidden, white-space: nowrap

• intersectionObserver

  • 리액트 useCallback, useMemo

• ESlint & prettier Airbnb style guide

• input file upload, multi

  • 드래그앤 드랍, drag event

• 다중선택자 연습
  div:nth-child(n+3) 형제노드3번부터~끝까지 (http://nthmaster.com/)

제대로 공부해야할 부분

• scss grid mixin 활용
• axios의 config
• window.history, window.location
  • history.action : PUSH POP REPLACE?
  • history.state : 어떻게, 누가, 넘겨주는지
• HTTP, 인터넷 통신에 대한 이해_ 쿠키, 로그인 인증, 로그인 상태유지 등
• OAuth 사용
• intersetionObserver 의 활용
• 상태값 유지의 다양한 방법
• 프로젝트 전체 흐름 설명해보기

추가로 궁금한 부분

• redux 미들웨어, 종류, 차이, 활용
• 이미지 렌더 속도 개선
• ts
• bcrypt