1월 3주차 주간 회고 === ## TGIF ### 가쭈압 ###### tags: `20220114` `주간 회고` 아키텍처 및 패턴 점검 - 우리 아키텍처 잘 만들고 있습니까? - 리뷰 받기 - 플랜을 확인 받자 서로 생산성 관리 - 스프린트 및 이슈 점검 - 달성률 개인화 문서화 계획 점검(시간 갖기) - 스프린트 단위 개인별 목표에 대한 문서 작성 결과 점검 ### 패턴 & 아키텍쳐 점검 #### 김완기 <달성률 60%> - 우선순위를 제대로 정해두고 해야할 것 같음. - 로그인 및 회원가입 뷰 MVVM 바인딩 진행함. - 아직 collection과 tableview와 관련된 mvvm 코드 오지게 못쓰고 있음. #### 이강호 <달성률 70%> - 글로벌 에러 핸들러를 제작했습니다. - Exception hadler를 통해 try catch문을 안써도 에러를 핸들링 할 수 있게 되었습니다. - 에러코드를 설정해서 팀원들과 공유했습니다. 이제 프론트 화면에서도 에러 메세지를 각각 보여줄 수 있게 되었습니다 - 특히 게이트 웨이에서도 요청을 전부 뿌려주는 것이 아니라 토큰이 유효할 때만 뿌려주게 되었습니다. - 유저 관련 작업을 마무리 했습니다. - 로그아웃, 회원정보 반환, 토큰 validation 확인, 회원정보 수정을 기능을 제작했습니다. - 로그아웃시에 토큰을 redis에 넣어서 만료되기 전까지 사용을 할 수 없게 만드는 것을 추후에 추가할 예정입니다. - 상품 server를 제작하기 시작했습니다. - api는 아직 작성하지 못했지만 주말간 진행 할 예정입니다. - jpa를 통해 다대일 통신하는 방법을 조사했습니다. - SERVER 개발기를 수정했습니다. - 목차 단위로 볼 수 있게 만들어 한결 보기 편해졌습니다. - 개발하면서 고민했던 것들 궁금했던 것들을 위주로 짧게 정리해서 작성하는 것으로 진행하고 있습니다. #### 홍석기 <달성률 90%> - Atom 개발 - 로그인 / 회원 가입시 필요한 `input` 컴포넌트 개발 - 최대한 실제 서비스와 같은 모양으로 개발. - 하나의 input으로 이메일, password, 휴대폰 번호, 그리고 에러 창 까지 개발. -> 재사용 굳! - `Logo` 개발 - 무료 로고 생성 사이트에서 로고를 따서 SVG로 따와서 컴포넌트화. - 로고 + 하단 글귀 있는 로고까지 생성. - `Logo` 컴포넌트로 2가지 모두 렌더링. - `CollectionTitle` 컴포넌트 생성. - Home 화면에 보이는 카테고리 제목 생성. - 간단하게 홈화면에서만 보이는 것이므로 빠르게 작성. - `Banner image` 생성 - Home 화면, Shop 화면에서 보이는 banner 생성. - `Banner` 컴포넌트 하나로 2가지 사이즈로 렌더링. - 이 컴포넌트를 `Slider` 컴포넌트에서 사용함 - `ShortcutItem` 생성 - 홈화면상 보이는 `Shortcuts` 컴포넌트 작성. - 반응형 고려. 화면이 축소되면 원모양으로 변경. - 해당 컴포넌트는 `Shortcuts` 에서 재사용됨. - `Price` 생성. - Home, Shop에서 조금씩 다르게 보이지만 하나의 컴포넌트로 사이즈 조절하여 작성. - `QuickFilterItem` 생성. - `QuickFilterBar` 에서 사용되는 `atom` 작성. - Molecule 개발 - 브랜드 / 제품 이름 / 제품 번역 내용 조합. - 해당 내용은 home, shop, product 마다 다르므로 하나의 컴포넌트로 3개를 렌더링 할 수 있게 개발함. - `ProductThumbnail` 제작. - `ProductImage` 와 `Icon` 중 북마크를 조합하여 개발. - 사용자의 찜 여부에 따라 다르게 렌더링. - Organism 개발 - `Slider` 컴포넌트 작성. - `Banner` 컴포넌트와 `react-slider` 라이브러리를 사용, slider 생성. - 4초마다 이미지를 바꿔주며 바꿔주는 데에 시간은 0.5초가 걸리게 설정. - 반응형 고려 개발. - `Shortcut` 컴포넌트 작성. - `ShortcutItem` 5개로 조합하여 작성. - `QuickFilterBar` 작성. - 아주아주 시간이 오래걸림. - - Template 개발 - HeaderTop, HeaderMain 조합 -> `HomeTemplate` 작성. - 로그인 / 미로그인시 보이는 화면 로직 설계후 개발. - [여기](https://hackmd.io/0OJTKY9iRZGfkLeZc9Ntzg#HeaderTop-%EA%B4%80%EB%A0%A8)에 자세히 적어두었다. - 그 외 - Global Font 적용 - Import 순서 컨벤션 정의, 적용, ### 개선할 점 - 집중력 저하 -> 뽀모도로를 이용해 해결함