항해 99 일지 (36) - WIL05

WIL (Weekly I Learned)

이번주는 주특기 심화 과정으로 리액트 강의를 수강 후, 프로젝트를 진행하였다.

 

이번주에 내가 배운것

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

 

느낀것

• 틈틈이 리액트 공식문서를 공부하자
  • 리액트와 빨리 친해지기
• 자바스크립트 공부하기
  • 이벤트 핸들러를 거의 잊은 것 같다. 공부하자.
• 프로젝트 코드 리뷰해보기
  • 오늘(일요일)을 활용해서 내가 만든 프로젝트의 코드를 상기해보자
• 프로젝트에 사용한 기능들 코드스니펫으로 만들어 놓기

내게 아쉬웠던 것

• 프로젝트
  • 최고로 멋진 웹 애플리케이션을 만들고 싶다는 마음에 작은 기능에도 너무 집착했다.
  • 우선순위로, 꼭 구현해야하는 기능들을 만든 뒤, 진행했어야 한다.
• styled-component
  • 최소단위 컴포넌트를 설정할 때 사용하였다.
  • 마무리 작업으로 웹 페이지의 스타일을 부여할 때 SCSS로 하였는데 너무 혼란스러웠다.
  • 방법을 통일해야할 것 같다.
  • 좋은 방법론을 찾아서 참고해서 공부했다.
    • 컴포넌트별로 CSS, SCSS 파일을 만들어 스타일을 부여하는 방법

 

내가 잘한 것

• 오류 해결
  • 몇몇 오류는 상당한 시간이 필요했지만 해결해낼 수 있었다.
  • 오류 없이 바로 기능을 만드는 것은 아직 어렵지만 적어도 오류의 원인이 무엇인지 추측이 가능하고 해결할 수 있다.
• 최선을 다 한 것
  • 이번에도 정말 열심히 했다. 다만 들인 시간에 비해 효율이 아쉬웠다.

 

---

 

mypetisthebest.site

magazine

리액트로 파이어베이스와 연동하여 CRUD를 구현하고 더 나아가 알림기능까지 구현했다. 웹에서 필요한 기초적인 기능들을 구현하는 것에 나아가 더 많은 것들을 만들어낼 수 있었어서 좋은 시간이었다. 이제 연이어 있을 백엔드와의 협업에서의 기반을 다질 수 있었다. 그리고 프로젝트 이후, 파이어베이스 대신 서버와 소통할 수 있는 통신방식을 공부하였다.

---

벌써 항해 99 과정이 3/1을 넘었다. 남은 기간은 드디어 협업 프로젝트들인데 좋은 결과를 내기 위해서 최선을 다 할 것이다!