PeerSession_W4

3주차 피어세션 - 24그룹

🔥 참여 캠퍼

J074 박상신 J129 윤영우 J131 윤현우 J176 장준영 J188 정지찬

🕖 활동 과정

금주에 개발하면서 고민했던 사항들을 중점적으로 논의해봤습니다.

성능을 향상시키고 싶은 부분, 구현에 어려움을 겪었던 부분 등

꺾은선 그래프, 어떻게 그리면 좋은가?

• (꺾은선 그래프 대신)area chart 라이브러리를 썼었다
• svg를 이용한 직접 구현

가계부 관리자가 가계부를 삭제할 때, 가계부 관리자 권한은 누구에게 넘어가는가?

• 가계부에는 1명의 관리자 + n명의 일반 회원 존재
  • 일반 회원이 탈퇴할 때는 그대로 탈퇴 처리
  • 관리자가 탈퇴할 경우, 관리자 권한을 다른 사람에게 양도해야 함 (구현예정)

로그인된 유저인지, 특정 페이지에 권한이 있는 유저인지 등 권한에 대한 처리를 어떻게 하면 좋은가?

• D조: 현재 방식은 url에 query string으로 가계부 id를 넣어주고 있는데, 권한이 없는 유저가 직접 url을 치고 들어왔을 때 튕겨내는 작업에서 네트워크 지연이 심하게 발생함. 이 지연을 효율적으로 줄일 수 있는 방법은 무엇일까요?

  • URL에 accountID
    • B조: 가계부 선택 시 쿠키에 accoutBookId를 넣음. BE에서는 header에 있는 cookie를 parsing 해서 사용. 즉, url에는 accountBookId에 대한 정보를 따로 넣지 않습니다.
    • A조: 저희도 accountbook의 고유 id를 url에 넣지 않습니다. 대신 다음과 같은 url을 사용합니다.
      • (가계부관리자id)/(가계부제목)
      • ex) moa-re.kr/hyeonu/A조가계부
    • E조 : accountbook의 id를 url에 넣지 않고 store로 관리하고 있습니다.

무료 도메인 처리

• 내도메인.한국 (D조 WIKI - 사이드바 - 2주차 피어세션 참고)

CSV Import, 어떤 방식으로 처리해야 하는가?

• 아래와 같은 검증 절차에서 어려움을 겪었다

  • Import할 때 서비스에서 사용하고 있는 테이블의 속성명과 일치하는지 검증
  • Import한 파일 내에서 특정 레코드에 비어있는 값이 존재하는지 검증

• 업로드 된 csv 파일을 백엔드에 보내서 분석하고 싶었으나 FE에서 분석을 하지 않고 보낼 시 많은 문제를 겪었다.

load spinner

• load spinner 적용
  • isLoading(boolean) 값을 store에서 관리
  • default: true
  • fetching 작업이 끝나면 isLoading을 false로

4주차 피어세션

• 참여자 : J114양예진 J169임기봉 J034김민섭 J045김영근 J160이지우 J184정상우

도전한 일

• typescript 잘 사용해보기
• React atomic 디자인 (With 스토리북)
• 뉴모피즘과 머테리얼 디자인 직접 구현해보기
• 통통 튀는 그래프 애니메이션
• 달력관련 여러 기능

프로젝트 진행하며 느낀 점

• 기획자 및 팀원들과의 소통이 확실해야 프로젝트가 산으로 가지 않는다
• 타입스크립트를 사용할 때, 팀원과 협업을 위해 타입을 잘 지정해주어야 한다.
• 팀원들과 대화할 때는 존중하는 언어를 사용해야 한다.

남은 한주를 어떻게 활용할지

• 렌더링 느린 부분 분석하여 개선
• 기능 개발보다는 리팩토링과 버그 수정
• 최적화를 하는 시간을 가질 예정이다.