Chanhong Studio

BlogCareer
  • Home
  • Blog
  • Career
  • 성찬홍's More Info

성찬홍

프론트엔드 개발자

로펌 개발자 • 2023.09 ~ 현재

대학교

동아대학교

연락처

010-5897-3405

이메일

bkn367@naver.com

GitHub

GitHub 프로필

💼 경력 요약

  • ▶프론트엔드 전담 개발자로 실시간 채팅 서비스, 뉴스 플랫폼, 모바일 서비스 등 다양한 프로젝트에 참여
  • ▶Next.js + TypeScript 기반 개발 경험 다수
  • ▶WebSocket 실시간 통신, DB 설계, 인증·보안 처리, 외부 서비스 연동 경험 보유
  • ▶다수의 자사 홈페이지(80여 개)에 공통 UI 컴포넌트를 배포·관리한 경험으로 확장성과 유지보수성에 강점

🚀 프로젝트 타임라인

실시간 채팅 서비스진행중

2025.04 ~ 현재

프론트엔드 개발 전담

기존 채널톡 유료 서비스를 대체하고, 사내 요구사항에 맞춘 맞춤형 실시간 채팅 서비스를 구축. 80여 개 자사 홈페이지 전체에서 재사용 가능한 구조를 목표로 개발.

주요 기여

  • •관리자 사이트 채팅창 개발: actions/fetchers 분리 구조 도입
  • •npm 패키지 모듈화로 80여 개 홈페이지에 배포 및 유지보수 자동화
  • •WebSocket 재연결 프로세스 설계 및 UX 개선

성과

  • ✓기존 30개 → 80여 개 전체 홈페이지로 채팅 기능 확장
  • ✓채널톡 유료 서비스 의존 제거로 연간 비용 절감
  • ✓WebSocket 안정성 확보 및 사용자 만족도 향상

사용 기술

Next.jsTypeScriptWebSocketContext APIZustandReact Query

SNN 뉴스 사이트

2024.11 ~ 2025.03

풀스택 개발 (DB 설계 + API + 프론트엔드)

자사 뉴스 플랫폼 및 관리자 사이트 개발. 기획 요구사항을 분석하고, DB 설계와 API 설계를 주도적으로 수행.

주요 기여

  • •카테고리별 테이블 분리 후 성능 이슈 발견, 테이블 통합 재설계로 최적화
  • •Prisma 기반 CRUD API 및 마이그레이션 관리
  • •관리자 페이지 CRUD 기능 및 사용자 페이지 뉴스 열람 기능 개발

성과

  • ✓DB 구조 의사결정 경험 확보 (분리 vs 통합)
  • ✓기획 → DB 설계 → API → UI까지 풀스택 개발 전 과정 수행
  • ✓관리자의 콘텐츠 등록/배포 프로세스 단축

사용 기술

Next.jsTypeScriptPrismaPostgreSQLZustandReact Query

로맨스 어플

2023.10 ~ 2024.09 (2차에 걸쳐 진행)

1차: 풀스택 개발 참여 / 2차: 프론트엔드 전담

자체 로맨스 서비스 어플리케이션 개발. 신입 시절 첫 주요 프로젝트로, 새로운 기술 학습 및 서비스 적용 경험을 축적.

주요 기여

  • •Firebase 푸시 알림, 카카오 알림톡, 토스 결제/환불 기능 등 외부 서비스 연동
  • •프론트·백엔드 분리 환경에서 API 연동 및 협업
  • •Next.js SSR 활용 로그인/인증 기능 개발 및 보안 강화

성과

  • ✓신입 첫 프로젝트로 빠른 학습·적응 능력 입증
  • ✓외부 서비스 연동 경험으로 문서 기반 학습/적용 역량 확보
  • ✓프론트·백엔드 협업 경험으로 API 설계·소통 능력 강화

사용 기술

Next.jsTypeScriptPostgreSQLFirebase카카오 APIToss PaymentsZustandReact Query

🛠️ 기술 스택

Frontend

Next.js
TypeScript
React Query
Zustand
Context API

Backend

Next.js 서버리스 API
Prisma

Database

PostgreSQL

Etc

WebSocket
npm 패키지 관리