코어멤버 전체 회의 1시간 전. 21:00 → 21:10
혹시 길어지면 전체 회의 끝나고 다시 하는걸로!
얼마나 했지요?!
이제 프론트 재밌지? → 재밌었으면 함
다음 리드는 주희.
새로 생긴 이슈
•
모바일로 들어가면 로그인이 안되요.
•
비밀지도 넣은 이후 맵이 안나오는 중
간단하게 김동현의 코드를 읽어보는 시간
(정확히 어떻게 구현했는지보다는 어떤 구조를 생각하고 코드를 썼는지)
절대경로. 커스텀경로
../components/asdasd/ssd
../../../../
/fonts/NanumSquareRoundB.woff2 <- public을 기본으로 설정잡아놓은 경로
~/ === src/
~/assests === src/assets
TypeScript
복사
주석 + TODO 사용하기
•
다들 암묵적으로 사용하는 주석. (나중에 누구든 이거좀 해결해주세요 라는 뜻)
•
김동현은 TODO TREE 라는걸 익스텐션으로 쓰는 중
// TODO : 나중에 뭔가 해야하는 일입니다.
TypeScript
복사
env ← 이거 갖고있고. vercel에도 올리기
•
http. https ← 버셀은 https http (mixed content) (유빈이한테 서버도 https로 바꿔주세요)
http (mixed content) (유빈이한테 서버도 https로 바꿔주세요)VITE_NAVER_MAP_CLIENT_ID=6pgkaehbt0
NAVER_CLIENT_SECRET=FP93SxrXn2540UZDS2vlAIfa8Lf2GsN7VYtrszkC
VITE_SERVER_URL=http://43.203.225.31
TypeScript
복사
Axios
•
utils/api.ts 이 파일을 참고하면 됨. 필요하면 끌어다쓰기.
Jotai
•
context를 쓴 이유 : props로 감당이 안되는 state를 발견해서 그럼
◦
getMe, checkUser를 여러군데에서 쓸거같은 예감이 드는데. 이걸 useState, useEffect로 감당하기 힘들거같음
◦
전역 상태 (global state) ← 전역 변수
•
context의 문제. 졸라 어려움. 잘 모르겠는데 이렇게 해야함. (보일러 플레이트 코드)
◦
상태관리 라이브러리. jotai. zustand. 기타등등이 있다.
◦
조타이 : useState를 전역 상태로 만든다.
React Query → 다음에 얘기하기로
ts 파일 : 컴포넌트가 아닌 코드.
tsx 파일 : 컴포넌트. JSX 문법을 쓰기 때문.
간단하게 주희의 코드를 읽어보는 시간
구조화에 대해서. 구조적인 폴더, 코드는 어때야할지 이젠 고민할 수 있을 정도로 주희가 성장했다고 생각함.
•
폴더
◦
pages: 레이아웃. 페이지의 부품을 꽂는 곳.
◦
components: 페이지에 꽂는 부품. (부품은 기능보다는 부품으로서의 역할에 충실)
◦
hooks, utils, store(or context): 페이지나 부품을 돕는 무언가
→ 단일 책임의 원칙. 페이지는 페이지의 역할만. 컴포넌트는 부품의 역할만.
•
재사용성 + 일종의 단일 책임 원칙? 을 적용하려면 어떻게 해야할지.
코드를 정리해봅시다.
이제 어쩌죠?! (8월 5일 기준)
페이지 단위로 보기!
주희 → 8/9까지 가능한지
•
로그인 종류 → 배포와 계정계 API의 여부에 따라서 수정만 쵸금하는 정도??
◦
로그아웃 기능만 프로필 페이지에서 꽂으면 되는 느낌
•
친구 : 어떻게 되는 중?
◦
친구 목록이랑 친구 추가 허용 / 거부
◦
아직 친구 추천은 안함
◦
친구 페이지 코드가 300줄이 넘어갈거같은데 (목록이랑 추가 추천 다들어가면 코드가 너무길어져용)
◦
지금 코드가 길어서 글로벌변수(?)를 쓰고 있어서 늦어지는 중
동현 → UI는 대체적으로 8/9 코어타임 전에는 끝날 듯.
•
지도 뷰 → API가 격동중이라 지금 수준에서 아직 손을 못대는 중
•
바텀 시트 → API가 격동중이라 지금 수준에서 아직 손을 못대는 중
•
검색 : 검색 API 잘 꽂아지는 느낌
위의 모든 걸 끝내면 남는건! (8/9일 이후부터는 아마?)
•
프로필
•
맛집, 프로필 이미지 처리가 백엔드에서 가능한가에 따라서 우리도 할게 좀 달라짐
•
모든 구현이 마무리되면 개인적으로는 한 번 리팩토링 공사를 해야할 듯
◦
리팩토링 : 코드 기능은 그대로. 코드는 정리.
7월 10일 기획 끝. 세팅 겸 공부기간 2주. 사실상 한 2~3주만에 이정도까지 한거임.
와 벌써 개많이함!
이제 슬슬 어딘가에서 사이드 이펙트가 나올 가능성이 농후한데 아직 모른다는 사실이 무섭긴 한 상태