데브허브 | DEVHUB | Adding Features to The Writing Platform (Tanstack Start)Adding Features to The Writing Platform (Tanstack Start)
- 글쓰기 플랫폼에 새로운 기능을 추가하고 기존 버그를 수정하는 개발 과정이 진행됩니다. ✨
- Tanstack Start를 사용하여 개발 중이며, Next.js보다 개발자 경험(DX)과 유연성 면에서 선호한다고 언급합니다. 🚀
- 책의 총 단어 수 계산, 드래프트 챕터 제외 여부, 챕터 제목 업데이트 시 내비게이션 목록 미갱신 버그 등 여러 기능 및 버그 수정 사항이 논의됩니다. 🐛
- 사용자 댓글 기능, 관리자 알림 페이지, 책 표지 이미지 업로드, 독서 진행률 표시, 계정 삭제 기능 등 다양한 기능 추가가 고려됩니다. 📝
- Tanstack Start에서 전역 변수 전달 및 사용자 인증(OAuth) 정보 페칭 방법에 대한 기술적 논의가 이루어집니다. 💾
ensureQueryData를 루트 로더에서 사용하여 페이지 로드 시 데이터를 미리 가져오는 방법과, 이로 인한 페이지 블로킹(blocking) 및 사용자 경험(UX) 저하의 트레이드오프에 대해 설명합니다. ⏳
- 데이터 로딩 중 스켈레톤 스피너를 표시하여 사용자 경험을 개선하는 방안을 시연합니다. 💡
- 풀스택 개발자로서 TypeScript를 백엔드에서도 사용하여 컨텍스트 전환을 줄이고 AI 지원을 효율적으로 활용하는 이점을 강조합니다. 💻
queryOptions를 사용하여 로더와 컴포넌트에서 반복되는 데이터 페칭 로직을 리팩토링하는 필요성을 인지하고 있습니다. ⚙️
- Tip Tap을 리치 텍스트 에디터로 사용하고 있다고 밝힙니다. ✍️
- Tanstack Start가 아직 베타 버전이지만, 올해 여름쯤 정식 출시를 희망한다는 정보를 공유합니다. 🚧