---
# System prepended metadata

title: 피어세션 6주차 - J27

---

# 피어세션 6주차 - J27

## J054 김진관

### 구현사항
- 내역 기능의 전체적인 틀을 짜는 부분까지 완성
- Observer pattern 적용해서 내역 리스트에서 보여줘야할 데이터가 벼경됐을 때 구독한 메소드가 호출되도록 설계
- component별로 어떻게 잘 구조화해서 나눌지 고려
    - Atomic Design 적용하려고 했으나 포기
- 아직 구현해야할 부분이 많이 남아있음.
    - fetch api
    - login
    - 내역 리스트 동적으로 랜더링
    - 컴포넌트에서 모델 필요없이 변경되야할 상태를 갖고 있으면 그 상태 추가

### 리뷰내용
- Array reduce() 할 때 좀 더 parameter 명을 구체적으로 사용하면 좋을 것 같다.
- scss mixin을 사용하면 클래스명 더 괜찮게 사용할 수 있을 것 같다.
- select tag disabled hidden 속성으로 placeholder처럼 사용 가능


## J067 문건우

### 구현사항
- 달력 구현
- Pie, Bar Chart 구현
- 메인 페이지 내 transaction 구현
- 거래 내역 CRUD 구현
- SCSS 사용
### 리뷰내용
- Redux에 관한 내용
- 달력, chart, Routing에 관한 내용 리뷰.
- scss mixin, 간단 import 등을 사용해보자. 

## J212 하이현
### 구현사항
- 거래 내역 페이지 구현
- 라우팅 일부 적용
- scss의 다양한 기능을 사용해봄
### 리뷰내용
- 각 함수가 수행하는 기능이 너무 많음 (1함수 1기능 준수하기)
- fetch api에 async/await 적용해보기
- render함수가 수행하는 기능 재정리
- html에 다양한 태그 적용해보기


## J102 신동훈
### 구현사항
- 메인페이지 내 transaction 구현
- 거래내역 CRUD 구현
- pie 차트 svg 구현
- 월별 거래내역 조회 구현
- 수입, 지출 filter 구현
- 이후 obserable, webpack 적용지켜보자.

### 리뷰내용
- 시맨틱 웹 형식으로 의미에 맞는 태그를 적극적으로 사용하면 좋을 것 같다.
- 페이지 내 h1 태그가 있으면 더 효율적일 수 있음