2주차

그룹프로젝트 Week2 피어 세션 Team Peer28

Team 35 Team37 Team 39

~~3명팀 너무 힘들어요 엉엉 ㅠㅠㅠㅠㅠ~~ 😭😭😭
Jenkins, Nginx, Docker로 무중단 CI/CD 적용
- 겪었던 상황 공유(위키 페이지에도 있습니다!)
Backend TDD
- Jest + Sequelize => 생각보다 훨씬 더 더럽어렵네요
이슈 템플릿 작성
- React 컴포넌트 템플릿만 만들어놓고 대체 Issue는 언제 쓰나요 흑
- 앞으로 commit과 PR을 조금 더 자주 합시다
passport-custom를 활용한 github OAuth 공유
- 위키의 기술 공유 페이지에 작성
React, Sequelize는 제대로 쓰기 참 어렵던...
Front 상태 관리
- Context API
- useReducer

프로젝트 구조와 진행 상황 공유
Atomic design 적용
- 장점
  1. 재사용하기 좋다.
  2. 협업을 하면서 같은 디자인을 각자의 코드스타일로 작성하는 경우가 있는데 atomic 디자인을 적용시키면서 코드의 일관성이 생겼다.
- 단점
  1. 상태와 컴포넌트를 1:1로 매칭 시키기 어렵다. (page 단위에서 상태를 주입시켜줘야함)
  2. 페이지 3개 규모의 작은 프로젝트이다 보니 재사용을 많이 하지 않는다. (atom 구현에 많은 시간 소요)
TypeScript 적용하며 느낀점 공유
- 충분한 학습없이 적용하려다보니 에러잡는데만 급급했다.
- 타입 지정이나 인터페이스를 통해 코드를 이해하는데 도움이 됐다. 하지만 TypeScript로 발생하는 문제를 해결하느라 작업시간을 너무 빼앗겨 적용하지 않기로 결정했다.
Axios를 사용하면서 발생했던 문제점
- axios instance 생성시점과 토큰이 생성되는 시점이달라 요청시 axios instance 에 토큰이 담겨있지않았다. 일단 요청시점에 instance 객체를 동적으로 생성해서 토큰을 담아 서버에 요청 보내는 식으로 해결

간단한 구조 소개 MVSC
- service 구조는 DAO 와 유사
- Business Logic은 Controller 가 담당
Commit, PR, Issue Convention 재정립
- 1주차 상황에서 코드 충돌로 인해 재정립이 필요하다고 판단
sequelize n:m 관계 설정 및 쿼리 작성 문제
- 관계 모델에서 원하는 값을 가져오는 것에 어려움이 있음
- 관계에 별칭을 부여하여 해결
login redirect
- 401 Status에 대한 무한 loop 상황 해결
- 해쉬 라우터 사용
filter 모델 설계 및 타 모델과 연동 문제
- React Life Cycle로 인한 재설계
context API를 이용한 checkbox selected 표기
모델 테스트 코드 작성