[W.I.L] 3월 5주차 - 리액트(심화)

고정원·2021년 4월 4일
0

W.I.L

목록 보기
6/9

이번주는 주특기 심화과정으로 리액트 강의를 수강 후, 프로젝트를 진행하였다.
나는 과제의 난이도를 기본수준의 난이도 과제를 선택하여 진행했다. 아직 많이 기본파트도 제대로 숙지가 되지 않은 상태라고 판단하여 기본도 다시 짚고 넘어가고 싶었다.

🚩 항해99 3월 5주차 돌아보기

📍 이번주에 배운 것 : 리액트 심화!

  1. 자바스크립트 문법 복습
  • 변수(호이스팅,TDZ,지역변수,외부변수)
  1. 객체 생성자
  • 객체생성자, 객체리터럴
  1. 함수의 개념
  • 함수선언문, 함수표현식(실행컨텍스가 닿아야 만들어짐)
  1. 프로토타입
  • 모든 객체는 자신의 부모 객체와연결
  1. 컴포넌트 쪼개기
  • 리액트 프로젝트에서 폴더단위로 컴포넌트를 분류하여 작업하기
  1. 비동기 처리
  • 콜백
  • Promise
    : 비동기 연산 종료 후 결과를 알기 위해 사용하는 객체, 동기메서드처럼 , async,await,promise chaining
  1. 토큰 기반 인증방식
  • OAuth
  • JWT
  1. 웹저장소
  • 쿠키, 세션, 로컬 스토리지
  1. 불변성 관리
  • 객체는 const라도 데이터가 수정된다.
  • 객체가 수정되지 않도록 스프레드 문법 사용
  • immer: 불변성 유지 패키지
  1. 리덕스!
    : 리덕스 편하게 관리하는 패키지 및 크롬익스텐션
  2. 라우트
    : history
    12.Firebase
    : Authentication, Storage, Realtime, Store
  3. 로그인, 로그아웃
  4. CRUD 적용하기
    : 파이어베이스 스토리지, 스토어 활용
  5. Debounce, Throttle
  • lodash
    16.무한스크롤 만들기
    17.성능지표보기

📍 느낀 점

  1. 리액트는 라이브러리이지만 HTML,CSS,JavaScript를 활용할 수 있다.
  2. JavaScript의 중요성, 리액트도 결국 자바스크립트기반
  3. 복습 복습 복습
    : 생각해보면 짧은기간동안 엄청난 양을 받아들여야 했던 것 같다.
    시간없다고 생각하지 말고 좀 더 타이트하게 복습할 건 하고 넘어가야겠다.
  4. 리덕스와 리덕스 Hooks 살려줘... 보고 또 보자..!

📍 To-do list

  1. 어떤 기능을 구현하기 전에 짧게라도 우선순위를 정하고 실행하기
  2. 실제로 이론에서 배운것이 어떻게 적용되는지 항상 생각하며 코딩하기
  3. 불안해 할 시간에 한 줄이라도 작성해보기
  4. 에러발생하는 것에 크게 스트레스 받지 말기
  5. 되도록이면 Daily 로그를 작성해보기
profile
해결문제에 대해 즐겁게 대화 할 수 있는 프론트엔드 개발자

0개의 댓글