2주차 피어세션

피어세션 - J25 + J27

멤버 👪

J25

• J081 박승환
• J114 양예진
• J148 이수경
• J209 최창희

J27

• J053 김종은 🐝
• J067 문건우 🦅
• J134 이기훈 👻
• J206 최정은 🍊

피어세션 내용

• husky. git hooks을 간편히 사용 할 수 있게 하는 라이브러리.
  • git hooks. git 관련 이벤트가 일어 났을 때 스크립트 실행하여 자동화 할 수 있음.
  • 소스트리 지원 안해줌 ㅜㅜ.
• docker 배포 (자고 일어나면 창희님이 다해줌👍 === 자동화)
  • 찾아가면서 적용
  • 이미지 사용
• 자동화 배포
  • 도커 이미지
    • 백엔드 : node 이미지 생성
    • 프론트엔드: nginx로 이미지 생성
  • flow. github actions가 태그 감지 → 테스트 → 도커 이미지화 → 도커 허브 푸쉬 → 원격에서 허브에서 이미지 받음 → 이미지 실행
• 디렉토리 구조
  • component(view) 와 container(logic) 분리
  • StyledComponent를 사용할 때 style 관련 코드를 분리하는 것도 좋은것 같다.
• 재사용할 수 있는 hooks를 따로 분리
  • Presentation Component랑 Container Component로 분리하는 패턴이 있는데, hooks에서는 Container Component를 custom hook으로 분리해서 사용할 수 있다. 이렇게 하면 재사용하기에도 용이하고, 코드가 분리되어 보기 좋아진다.
  • Redux 사용하기
• rendering 최적화
  • useMemo()
  • useCallback
• moment.js 사용하셨는데 deprecated 된 것 같음.
  • day.js 사용을 추천한다.
• 이슈 상세페이지에서 무한 렌더링이 발생할 것 같다.(25조)
  • useEffect에서 issue가 아닌 id를 넣으면 해결될 것 같다.
  • 실제로 발생함...
  • 서버가 아파요😱 살려줘... 담당자 개인 면담...
• dispatch만 쓰는 것과 state만 쓰는 것을 나누면, 성능상 이점이 있다.
  • Context API 사용하기