개발자의 성장 일지: 픽토스(picktoss) 프로젝트를 통해 배우는 기술 스택과 아키텍처 여정
🤖 AI 추천
개인 프로젝트를 통해 성장하고 싶은 프론트엔드 개발자, 새로운 기술 스택 도입 및 마이그레이션 경험을 쌓고 싶은 개발자, 개발 과정에서 겪는 문제 해결 경험을 공유받고 싶은 개발자에게 추천합니다.
🔖 주요 키워드

핵심 기술: 개발자가 학습 경험을 효율적으로 기록하고 복습하기 위해 만든 서비스 '픽토스(picktoss)'의 버전별 기술 스택 변화와 아키텍처 적용 과정을 공유합니다.
기술적 세부사항:
* 초기 MVP (2주 개발): 명확한 기술 스택 언급은 없으나, 빠른 MVP 개발을 통해 서비스의 가능성을 확인했습니다.
* 버전 2 (NextJS App Router 기반 리뉴얼): 트렌드를 반영하여 NextJS의 App Router를 도입했으나, PWA 구현 및 네이티브 웹 수준 사용성에서 한계를 느꼈습니다.
* 버전 3 (React 기반 마이그레이션): PWA의 접근성과 알림 지원을 위해 React로 재마이그레이션했습니다.
* 주요 기능 개선: 사용자 피드백을 반영하여 퀴즈 공유 시스템을 도입했습니다.
* 추가 기술 경험: React 동적 오픈 그래프 구현을 위한 별도 서버 구축, FSD 아키텍처 도입, React SVG 아이콘 자동화, Router 라이브러리 구현 등 다양한 기술적 시도를 경험했습니다.
* 향후 계획: 사용자가 노트를 업로드하지 않아도 AI가 자동으로 고품질 퀴즈를 생성하는 방향으로 발전시킬 예정입니다.
개발 임팩트: 개인 프로젝트를 통해 실제 개발 과정에서 발생하는 기술적 난제(PWA, 오픈 그래프 등)를 해결하고, 새로운 아키텍처(FSD)를 도입하는 경험을 쌓으며 실무 역량을 강화했습니다.
커뮤니티 반응: 원문에서는 구체적인 커뮤니티 반응은 언급되지 않았으나, 프로젝트를 통해 얻은 경험이 실무에 직접적인 도움을 줄 것이라는 자신감을 드러냅니다.
톤앤매너: 개발자로서의 성장 과정을 솔직하게 공유하며, 기술적인 도전과 해결 과정에 대한 인사이트를 제공하는 전문적이고 긍정적인 톤을 유지합니다.