개인 프로젝트 피드백 부탁드립니다!! (Next.js + firebase)

Question

안녕하세요! 휴학 중에 개인 프로젝트 한번 만들어봤습니다! 아직 감이 잘 안 잡히다보니 chatGPT에 꽤나 의존했던 것 같습니다. 폴더 구조와 ssr, csr 사용 부분에서 피드백을 받고자 합니다! 또, containers 폴더 안 create 폴더에 있는 RouteChangeListener.tsx를 사용하여 퀴즈를 만들거나 푸는 도중에 현재 페이지를 벗어나려는 움직임을 감지하면 alert 창이 나오도록 설정하였습니다. 제가 생각했을 때 페이지가 이동했다가 다시 돌아오는 부분이 비효율적이라고 생각이 들어서 미들웨어나 다른 방법을 통해 해결할 수 있는지 여쭤보고 싶습니다. 감사합니다! 프로젝트 설명 : 퀴즈를 만들고 풀 수 있는 웹페이지 만들어봤습니다! vercel로 배포하였고, PWA 사용하여 모바일에서도 다운로드 가능하게 했습니다! 웹 앱 둘다 가능하지만 웹으로 봐주시는 것을 권장드립니다~!! 프로젝트 기술 스택: Next.js, react-query, zustand, firebase 테스트 아이디: 123&#64;naver.com 테스트 비밀번호: 123123 GitHub 주소 : https://github.com/kmj0973/donquiz Vercel 배포 주소 : https://donquiz.vercel.app/ 따끔한 피드백 주시면 감사드리겠습니다!! 감사합니다!!

킁킁탐정 · Answer

잠깐 보고 몇가지 언급해보면 다음과 같습니다.검색란의 input type은 search로 해야 모바일에서 접근성이 좋습니다.메인 페이지 로드시에 모든 이미지를 불러오지 않고 lazy image load를 사용하면트래픽 절감과 로딩 속도 개선으로 사용자가 빠르게 페이지를 볼 수 있습니다.시작하기 버튼을 눌러서 페이지 이동후에 "로그인이 필요" 알림은 필요 없어 보입니다.로그인하고 자신이 생성한 퀴즈를 풀지 못한다면 아예 시각적으로 또는 별도 분류하여클릭하지 않도록 만드는게 좋아보입니다.화이팅입니다.

풍월상신(가니메디안) · Answer

참 잘 만드셨네요.기대되고 응원하고 싶어집니다.ㅋㅋㅋㅋ저도 middleware 는 관리가 참 어려운 것 같습니다.Router 단에서 처리할 수 있는 건 Router 단에서 처리해주는 게 좋은 것 같아요. middleware 가 비대해지기 시작하면 뭔가 근원적으로 잘 못 가고 있다는 생각이 들더군요.저는 개인적으로, '다른 방법이 안보일 때' 에만 쓰기로 생각하고 있습니다.'use client' 는 프로젝트에서 단 한 곳에서만 쓰인 것 같은데 맞나요?제가 이해하기로는, NextJS ^14 의 모든 컴포넌트는 디폴트로 RSC 이고, RCC 는 '꼭 필요한 곳에서 제한적으로 사용해야 한다' 라고 이해하고 있는데, 이 점은 제 취향이라 좋았습니다.ㅋㅋㅋㅋ그리고, 폴더 스트럭쳐에 관해 고민하신 흔적도 느껴지는 것 같아요.제안도 이론도 많은 문제이지만, 제 결론은, 본인만의 루틴을 찾는게 가장 좋다는 것이었어요.하지만 또, 일반적인, 생산적인 폴더 스트럭쳐에도 거부감이 없어야 팀웍에도 빠르게 적용할 수 있겠죠.알아서 잘 적응하고 배우실 것 같습니다.정말 잘 만드셨습니다.

개인 프로젝트 피드백 부탁드립니다!! (Next.js + firebase)

2개의 답변

#zustand 목록