JANDI
React-Native / TypeScriptGithub 스트릭에 영감을 받아 기획된 위치 인증 기반 도서관 출석 인증 서비스
2024.10 ~ 2025.03·FE 3인, BE 2인, 디자이너 1인·FE 리더
- ▸프론트엔드 리더로서 기술 스택 선정, Git Flow 정립, 문서화 체계 구축
- ▸React-Native CLI 배포 자료 부족 및 iOS 18 호환성 오류 해결
- ▸양대 스토어 (Google Play / App Store) 배포 후 운영
- ▸gluestack-ui v2 마이그레이션으로 성능 최적화 및 번들 사이즈 감소
React-NativeTypeScriptreact-query
개인 Blog
Next.js / TypeScriptNext.js 기반의 개인 기술 블로그. SSG/SSR/CSR/ISR 렌더링 방식 학습 및 적용
2024.01 ~ 2024.02·1인 개발·풀스택
- ▸Next.js SSG 기반 정적 페이지 생성으로 빠른 로딩 구현
- ▸framer-motion 단독 사용으로 애니메이션 구현 단순화 및 성능 개선
- ▸rehypeHighlight로 코드 블록 언어별 하이라이팅 적용
- ▸Series/Tag 메타데이터 기반 시리즈별·태그별 포스트 탐색 기능
Next.jsMDXTailwind CSSframer-motion
QnF
Next.js / TypeScript밸런스 게임을 통해 같은 학교의 성향이 비슷한 친구를 매칭해주는 서비스. 멋쟁이사자처럼 12기 중앙 해커톤 출품작
2024.8·FE 1인, BE 2인, 기획 1인, 디자이너 1인·FE 개발
- ▸MSW(Mock Service Worker)로 백엔드 의존도 없이 프론트엔드 단독 개발
- ▸재사용 가능한 기본 UI 요소와 레이아웃 구조 설계로 개발 속도 극대화
- ▸Netlify를 통한 신속한 배포로 제한 시간 내 결과물 출시
Next.jsTypeScriptMSW
네모 (NEMO)
React / TypeScript함께 찍은 네컷 사진들을 그룹 다이어리에 보관하고, 동시에 편집이 가능한 공유형 다이어리 꾸미기 서비스
2023.9 ~ 2023.11·FE 3인, BE 4인·FE 개발
- ▸tldraw/@core 기반 커스텀 캔버스 렌더링 및 그리기 기능 구현
- ▸Yjs를 활용한 실시간 데이터 동기화로 다중 사용자 협업 편집 구현
- ▸MSW로 백엔드 개발 지연 상황에서도 프론트엔드 병렬 개발 수행
ReactTypeScripttldrawYjsMSW