회의록 2021.09.17 - Hi-Fi-Club/FE GitHub Wiki

1. package-lock.json 커밋

  • 먼저, 현재 사용하고 있는 각자의 package-lock.json 제거 후 한명이 Commit 한 뒤 나머지 팀원이 pull 받아서 사용하기로.

2. 반응형 작업

  • 처음부터 반응형을 작업하면서 레이아웃을 짜는 것이 좋을 것 같다는 판단.
  • 반응형 Desktop의 max-width는 정해지지 않았지만, 정한다면 1440 or 1300 ?
  • 반응형 Mobile의 max-width는 768.
  • 참고링크
  • 더 조사해보고 지속적인 의논 필요!

3. 유저의 정보는 어디에 저장?

  • 유저의 정보는 로컬에 저장하지 않아야 할 듯함.
    클라이언트단에서 저장하는 게 아닌 서버단에서 가지고 있는 것이 나을 것 같음
    • 서버단에서 저장하게 된다면, 클라이언트단에서 현재 유저정보에 접근할 수 있는 API 필요할 듯.
  • 로컬 스토리지에는 JWT만 가져와야함.
  • 2021.09.24 공통회의에서 의논하기로.

4. 개인정보 등록 : 관심사 & 장소 등록 페이지 구조 변경

  • url (path 부분) 변경
    • 현재 개인정보 등록 관련 페이지의 url는 아래와 같음
      관심사: localhost:3000/interest
      장소등록: localhost:3000/location
    • 변경될 url
      관심사: localhost:3000/user/interest
      장소등록: localhost:3000/user/location
  • 공통된 버튼 디자인을 쓰고있는 "선택한 관심사" or "선택한 장소"
    해당 버튼들을 컴포넌트화.
    • RoundButton을 상속 후, hover시 제거가 가능한 x버튼이 따로 보이거나 버튼 내에서 추가되어야 함
  • 관심사 선택 시 현재 선택된 갯수만큼 카운팅하여 다음버튼에 표시해주기.
    • 현재 5개 선택할 때만 생겨남. 수정 필요
    • 예시: 다음 (0 / 5) ~ (5 / 5) -> 선택 가능

5. 백로그

  • 구현을 하려면, 백로그가 필요할 것 같음!
  • 다음주 프론트회의 (2021.09.23) 전까지 각자 백로그 문서에 작성하도록 하기! (새 시트를 만들어서)

6. 컴포넌트 생성 시의 index.tsx

  • 현재 컴포넌트명을 가진 폴더/index.tsx 이렇게 작업하고 있었는데, 이렇게 작업하면 디버깅하거나 찾기 어렵다는 의견.
  • 이제부터는 컴포넌트 생성 시 컴포넌트명을 가진 폴더/index.tsx컴포넌트명을 가진 폴더/컴포넌트명.tsx을 가진
    파일 2개를 생성하여 작업.
    • index.tsx의 경우 단순히 컴포넌트명.tsx을 import하고 export하는데 사용
    • 컴포넌트명.tsx의 경우 해당 컴포넌트의 코드들.

7. Styled Component 네이밍 컨벤션

+. 기타 사항.

  • wiki 사이드바 구조 수정 (완료)