Gila
1.Gila - 프로젝트 기획
프로젝트 초반 기획(컨셉, 진행 방향)하기
2.Gila - 초기 lint 세팅, auth 구현
eslint(airbnb), auth 로직 구현, middleware, axios interceptor 설정
3.Gila - nextauth 적용(app router, middleware redirection)
nextauth를 적용을 왜했을까..? app router에서 nextauth적용하기, middleware로 리다이렉션 설정하기
4.Gila - 메인 페이지 활동 리스트(app router searchParams)
메인페이지 - app router searchParams, 카테고리 버튼 구현
5.Gila - 드롭다운 메뉴, 페이지네이션 기능 구현
드롭다운메뉴, 페이지네이션(shadcn)
6.Gila - 리뷰 기능 구현하기(shadcn modal, dayjs)
Gila - 리뷰 기능 구현하기(shadcn modal, next14 dayjs)
7.Gila - 다시 처음 기획부터
부트캠프에서 주는거 안하고 자진해서 이단아 되기
8.Gila - 기획 진행 순서(사전 수요 조사, 레이아웃 설정, 디자인 설정)
구글폼으로 사전 수요 조사부터 레이아웃 기획, 디자인까지 알아서 해보기!
9.Gila - 토픽 설정 페이지 구현
우리도 한다. 토픽 선택페이지.
10.Gila - 질문 페이지, 질문 답변 모달
쉽고 빠르게 만드는 모달, 이게 이렇게 쉬웠다니,,,
11.Gila - 질문 무한 스크롤 구현하기(서버 액션과 클라이언트 액션)
질문 리스트 무한 스크롤 구현, intersectionObserver custom hook 구현, 백엔드까지 살짝 구경해보기
12.Gila - 질문, 답변 리스트 페이지 수정
과거의 나는 왜그랬을까. 사용성 개선 및 디자인 수정!
13.Gila - Next.js에서 optimistic update 적용해보기
좋아요와 조회수를 어떻게 구현하고 next cache를 활용하면 좋을지 고민해보고 써보기, app router에서 카카오톡 공유하기 구현해보기
14.Gila - location drawer,dropdown 버그 수정
과연 이게 최선일까에 대한 의문을 해결하기 위한 작은 여정, drawer, dropdown 버그 수정 및 리펙토링
15.Gila - 사용자 위치 기반 서비스 구현하기
사용자 위치기반(현재 위치, 주변 지역) 추천 기능 구현(카카오맵, navigator활용하기)
16.Gila - 위치기반 서비스 리팩토링
양파같은 프로젝트. 수정할게 계속 생겨난다. 위치기반 기능 리팩토링 겸 버그 수정
17.Gila - 좌우 스크롤 버튼 구현 , throttle 구현
슬라이드엔 당연히 존재하는 좌우 버튼, 익숙함에 속아 소중함을 잊지 말자,,,
18.Gila - 채팅 기능 구현하기(ably.io)
alby.io로 채팅 구현하기, 메세지 보내기만 구현해보기
19.Gila - ably.io 채팅 기록 불러오기, 실시간 접속 유저 리스트
ably.io로 채팅 기록 불러오기, 실시간 접속 유저 확인구현 해보자!
20.Gila - Minified React error #425
분명 로컬에서는 안보이던 에러가 배포에서 발생하다니..원인 찾아서 바로 해결해보기
21.Gila - 메일 인증, 메일 발송
회원가입 메일 인증 구현하기(nodemailer Gmail), 메일로 약속 신청, 신청 결과 전송해주기
22.Gila - 활동 신청 피드백 표시
prisma 모델을 활용해서 내가 원하는 데이터 뽑아 쓰기
23.Gila - 채팅 권한 설정, 채팅 멤버 표시
채팅 참여 유저, 채팅 참여 유저 중 접속 유저, 채팅 접속 제한 기능 추가
24.Gila - caching layer 추가(Next.js app router에서 react-query 적용하기)
next.js app router에서 react-query 사용하기(클라이언트 캐시 추가하기)
25.Gila - suspense, Auth.js session으로 로딩 시간 줄이기
react suspense를 활용해 스켈레톤 구현, auth.js session에 user 데이터 담기