미리보기

Kooky

글로벌 K-POP 팬을 위한 커뮤니티 플랫폼

• 기존 정적 프로젝트에서 Next.js로 마이그레이션 후 SSR, SEO 적용

• 기획부터 참여해 새로운 기능 개발 및 유지보수

• 웹뷰 페이지 개발

백 오피스

• 서비스 운영에 필요한 백오프스 페이지 개발 및 유지보수

Datawrite

데이터를 NFT로 등록 해 수익화 할 수 있는 데이터 거래 플랫폼

• react-quill 라이브러리를 사용해 글쓰기 에디터 기능 개발 및 유지보수

Snafty

데이터를 NFT로 등록 해 수익화 할 수 있는 데이터 거래 플랫폼

• UX, UI 기획, 디자인

• 서비스 유지보수 및 기능개발

• react-draggable 라이브러리를 사용해 유저 인터렉션 페이지 구현

Kooky - 글로벌 K-POP 팬을 위한 커뮤니티

kooky.io

프로젝트 구축

• AWS의 파일 업로드 방식에서 Vercel로 배포 프로세스를 전환하여, 배포 속도를 대폭 개선하고 손쉽게 관리할 수 있는 배포 환경을 구축했습니다.

• Next.js로 마이그레이션하여 SSR과 SEO를 적용함으로써 데이터 로딩 속도를 최적화하고, 검색 엔진 노출을 개선했습니다.

• API 데이터 관리를 위해 react-query를 도입해, 불필요한 데이터 요청을 줄이고, 데이터 상태 관리 코드 복잡성을 줄였습니다.

• 서비스 규모와 요구사항에 맞추어 가볍고 직관적인 상태 관리를 위해 Redux 대신 zustand를 도입해, 간결하고 효율적인 전역 상태 관리 시스템을 구현했습니다.

• 디자인 시스템 기반으로 버튼과 같은 UI 컴포넌트를 모듈화하여 재사용성을 높이고, 개발 속도를 가속화함으로써 팀의 생산성을 높였습니다.

글로벌 투표 서비스 구현

• 기획부터 참여한 서비스로 배포 이후 MAU가 1.5만에서 10만으로 약 670% 증가했습니다.

• 배포 이후 hotjar를 통해 유저 행동을 모니터링 후 UX를 개선했습니다.

• 부정 투표를 방지 하기 위해 google reCAPTCHA, cloudflare Turnstile를 연동했습니다.

상점 서비스 구현

• Stripe, Xendit을 연동해 다양한 글로벌 결제를 구현했습니다.

• 상점 서비스 개발 후 1년간 약 30,000$ 매출이 발생했습니다.

지도 서비스

• Google Maps API를 사용하여 지도 기반 서비스를 구축했습니다.

• 디자인 시스템에 맞는 커스텀 마커를 적용했습니다.

다국어 지원

• 글로벌 서비스에 맞게 i18n-next 라이브러리를 사용하여 다국어 지원 서비스를 구현 했습니다.

• 사용자 편의성을 높이기 위해 브라우저 언어를 자동 감지하여, 지원되는 언어일 경우 해당 언어로 시스템 언어를 동적으로 설정했습니다.

웹 뷰 구현

• Flutter와의 데이터 연동 기능을 포함해 유저 포스트 등록, 설정 변경, 이벤트 등록을 위한 웹 뷰 페이지를 개발하여 다양한 사용자 작업을 지원했습니다.

유지보수

• 레거시 코드를 최신 코드베이스로 리팩토링하고, DI 패턴을 적용하여 코드의 모듈화와 재사용성을 높여 유지보수성을 강화했습니다.

Kooky Admin

• 관리자 그룹 및 권한 분리 기능 개발

• 상점 상품 등록, 재고 관리, 다양한 결제 방식 옵션 선택 기능 개발

• 광고 클릭 수, 노출 수 대시보드 기능 개발 및 CSV 데이터 내보내기 구현

• 앱 알림 관리 기능 개발

• 서비스 내 모든 콘텐츠 등록, 수정, 조회 구현

• 투표 등록, 투표 보상 관리 기능 개발