본문으로 건너뛰기

23.07.12(수)

하루 요약​

  1. 10시 ~ 22시 : 공유 오피스에서 개발

오늘 한 일​

  1. Gloddy 개발
    1. Refactoring & Featuring : 회원가입 페이지 리팩토링 & 그루핑 페이지 상태관리
    2. ButtomFixedButton 구현
  2. Frontend 공부
    1. 개발 관리 방법론(DND 세미나)
    2. yarn
    3. type vs interface
    4. React Server Component

오늘 배운 내용 요약​

  1. 애자일 방법론이란, 시장의 반응을 보고 점진적으로 발전시켜나가면서 완성해나가는 방법론이다.
    1. 디자인 씽킹, 그로스 해킹 : 먼저 시장에 내보내고 디자인/마케팅을 통해 반응을 보고 개선해나가는 방법론
    2. 스크럼 : 하루 1번 정해진 시간에 어제 한 일, 오늘 할 일, 수행 중 문제점이나 장애요인 등을 공유하며 문제가 있을 경우 미팅 후 바로 해결
  2. 포스트 모템 : 실패한 근본 원인을 분석하여 문서로 남기는 것이 실수로부터 배우는 핵심
    1. 사건의 개요, 근본 원인, 교훈 등을 담음
  3. 프로젝트 = 협업을 더 잘하기 위한 과정으로, 결국엔 협업이고 소통이 가장 중요.
  4. Demo day(6주 차)까지 프로토타입 만들며 애자일 1회 cycle > 8주차까지 2회 cycle 추천
  5. yarn은 node.js의 패키지를 관리해주는 툴인 npm의 단점을 보완해주기 위해 나온 패키지 매니저
    1. Symantic Versioning 일관성 유지
    2. 캐시를 이용하고, 병렬 다운로드하여 설치 속도 빠름
    3. 로그가 깔끔
    4. but npm도 버전 업데이트하며 여러가지 문제점을 개선 : package-lock.json으로 버전 일관성, 속도 또한 따라잡음. & 사용자 수가 월등히 높음
  6. Symantic Version : Major.Minor.Patch(기존 버전과 호환 X 변경사항, 호환 O & 기능 추가, 호환 O & 버그 수정)
  7. type은 확장성이 떨어지고, interface는 확장성이 높음
  8. React Server component를 사용하여 서버에서 컴포넌트를 렌더링함으로써 클라이언트로 전송되는 JS양 줄임
    1. 초기 페이지 로딩속도가 빨라짐
    2. Base Client-side runtime은 캐시가 가능하고, 크기를 예측 가능
    3. Server component에서 Client component를 import | Client Component에 Props로 혹은 Children으로 Server Component 전달
  9. Client Component는 Client측에서 렌더링되고 fetch되는 컴포넌트
    1. 브라우저의 JS번들을 포함하고 있는 일반적인 React 컴포넌트
    2. onClick과 같은 상호작용성을 포함

추가로 학습할 것​