---
# System prepended metadata

title: 1월 3주차 주간 회고
tags: ['20220114', 주간 회고]

---

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 순서 컨벤션 정의, 적용,


### 개선할 점
- 집중력 저하 -> 뽀모도로를 이용해 해결함

