들어가며TypeScript 기반의 빠른 풀스택 개발을 위해 NextJS 세팅 과정에서 다른 기술 스택을 정하는 과정입니다. 정해야 하는 부분이 상태관리, 서버 상태관리, 스타일링 파트였습니다. 상태관리 : ZustandZustand로 진행하여 보일러 플레이트 코드가 많은 Redux 보다는 빠른 개발이 가능하다고 생각했습니다. 서버 상태 관리 : tanstack query다음은 서버 상태 관리였는데, 가장 인기있고, Zustand와 호환성이 높은 Tanstack query를 통해서 클라이언트에서는 Zustand, 서버에서는 Tanstack query로 역할을 분리하기로 했습니다. 특히 NextJS 14의 App Router 를 지원하므로 Server components와의 호환성이 높다는 장점이 있습니다...

🐙성향테스트 기반 AI 요금제 추천 서비스 , 무물 바로가기🐙 moo-mool[LG U+ 유레카 2기] 프론트엔드 종합프로젝트 1조 (UgodIT). moo-mool has 4 repositories available. Follow their code on GitHub.github.com들어가며프로젝트를 시작할 때 원래 구상은 백엔드는 Java Spring, 프론트엔드는 Next.js로 분리하는 방식이었습니다. 하지만 저희 팀은 모두 프론트엔드 개발자로, Java보다는 TypeScript 환경에 훨씬 익숙했습니다. 또, 이번 프로젝트는 AI를 활용해야 하는 명확한 요구사항이 있었기 때문에 백엔드의 고도화보다 프론트엔드 완성도와 사용자 경험을 더 중요한 목표로 두었습니다. 자연스럽게 개발 리소스를 최소..

☑️ 커뮤니티 게시판 기획 조건 ☑️ 1. 게시판이 최소 7개 존재 2. UI가 2개 (즉 페이지가 넘어가야) 3. 좋아요, 댓글, 추천 기능 4. 웹, 앱 반응형 웹사이트 🎯 커뮤니티 기획안 🎯 1. 주제: 자기계발 게시판 2. 구글로 SingIn을 해서 좋아요와 댓글, 추천 기능, 포스팅까지 가능 💡 SKILL 💡 1. Reactjs + NextJs 2. 댓글과 좋아요, 포스팅 등을 위한 데이터 관리 -> firebase 3. firebase에서 구글로 로그인하기 활용 (authentification) 4. CSS 는 tailwindcss 활용 SignIn sign out signOut 된 상태에서는 댓글, 좋아요, 추천 기능을 할 수 없다. signIn 버튼을 누르면 '구글로 로그인' 버튼이 있는 ..