회의록 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
의 경우 해당 컴포넌트의 코드들.
+. 기타 사항.