프로젝트에서 사용할 기술 스택을 정리해 와 주세요!
-
라이브러리
-
프론트엔드:
- styled-components
- vercel
- axios
- react-query
- redux
- next.js
-
백엔드: MYSQL, S3, GIT ACTION, MORGAN, CORS, CODEDEPLOY, MULTER-S3, PASSPORT, BCRYPT, JOI, JSONWEBTOKEN
-
-
Schema (mysql을 쓸 거라면 ERD까지)
-
API 컨벤션
- 회원가입: /api/auth/signup
- 로그인: /api/auth/login
- 로그아웃: /api/auth/logout
- 메인페이지: /api/main
- 게시글작성: /api/post
- 게시글조회/수정/삭제: /api/post/:postId
- 유저프로필 조회: /api/userprofile/:userId
- 마이페이지 조회/수정: /api/userprofile/:userId/settings
- 좋아요 (+취소) : /api/post/:postId/like
- 신고: /api/post/:postId/report
- 댓글 작성: /api/post/:postId/comment
- 댓글 수정/삭제: /api/post/:postId/comment/:commentId
이번 주 한 일
- 팀 전체
- 기획: 전체기획 논의, 역할분담, 와이어프레임 논의, 페르소나 분석, 아이템 레퍼런스 분석, 요구사항 분석
- 설계: ERD 설계, 와이어프레임 설계, 3계층 아키텍처 설계, API 명세서 설계, 코드컨벤션 설계, CI/CD 구축
- 기능구현(진행중)
- 팀원 개인별로 작성해 주세요.
| 정소채 | 기획/설계 총괄, PASSPORT 구현, 로컬로그인 구현 |
|---|---|
| 김도원 | 기획,글작성/글수정/마이페이지 전체기능 구현 및 reactquery/reduxToolkit/axios interceptor 로직 담당 |
| 김혜경 | 기획, 메인페이지 구현[이미지 컨텐츠 조회/슬라이드 구현/헤더와 모바일 하단 네비] |
| 육정백 | 기획, 회원가입/로그인/유저페이지 UI 구성, 로그인/회원가입 로직 구현 준비, 유저페이지 게시물과 좋아요 게시물 API준비/ 테마 로직 정리 |
| 이도영 | 기획, 상세페이지 구현[유저 정보(닉네임)/ 네비바/사진/게시물 본문] |
| 김형섭 | 기획, 백엔드 설계(ERD, API 명세서, 폴더구조 등), |
| 메인페이지 게시글(랜덤, 좋아요) 조회, 유저페이지 게시글(좋아요) 조회 구현 | |
| 어민규 | 기획, 백엔드 설계(CI/CD, API 명세서 등), 게시글 작성(이미지 업로드) 구현 |
이외에도 기술적인 방향을 잡기 위한 질문을 정리해오시면 가장 좋습니다!
-
저희는 이미지를 서버에서 많이 받아와서 출력하는 페이지가 많습니다. 이럴 경우 캐싱 할 필요 없이 사용할 수 있는 getServerSideProps가 좋을까요? 아니라면 캐싱 할 수 있는 useQuery가 좋을까요..? 어떤 기술을 사용해야 할지 방향성을 잡지 못하겠습니다.
-
슬라이드를 구현했는데 새로고침을 하지 않으면 반응형이 바로 적용되지 않아서 어색하게 느껴졌습니다. 그래서 리사이즈 이벤트를 사용해서 반응형이 바로 적용될 수 있게 수정하였는데 리사이즈 이벤트가 빈번하게 발생하면 성능 저하로 이어질 것 같아서 고민스럽습니다. 반응형이 실시간으로 반영이 돼야만 하는지, 아니라면 리사이즈 이벤트가 없어도 괜찮을까요?
-
넥스트js에서 이미지 태그 사용 시 css에서 명시적으로 width height사이즈를 적어 줬지만 명시적으로도 코드작성부에 width height사이즈를 적어 줘야 하는지 궁금합니다.
숙제 : 멘토링 결과 다음 주까지 해올 일
-
팀 전체
-
팀원 개인별로 작성해 주세요.