Frontend Web Developer

전수현님_반명함사이즈.jpg

이름

🙍🏻 전 수 현

연락처

📱 010-4054-3009

💁 소개

React.js / Next.js 기반 프론트엔드 개발을 전문으로 하는 4년차 개발자입니다.
기획부터 배포까지 전 과정에 참여한 경험을 바탕으로, 단순 구현을 넘어 비즈니스 가치를 고민합니다.
풀스택 개발 경험을 통해 기획자·백엔드와의 협업에서 핵심적인 연결고리 역할을 수행해왔습니다.
SSR·ISR 렌더링 전략과 이미지 리사이징 등을 적용해 트래픽 대응, 성능 개선, 서버 비용 절감을 동시에 이끈 경험이 있습니다.

🏢 경력

FIG

2023년 03월 - 현재 재직 중

Web Developer

진행한 프로젝트

BTS FESTA 2025

[소개]
- 전 세계 팬들을 위한 BTS 공식 온라인 축제 웹사이트로, 2025년 6월 13~14일 오프라인 행사에 맞춰 공개된 글로벌 팬 커뮤니티 플랫폼
[성과]
- 한국어, 영어, 일본어, 중국어 총 4개 언어팩을 적용한 다국어 인터페이스 구현으로 글로벌 사용자 대응
- GSAP 기반 인터랙션 디자인을 활용해 팬 참여 유도형 섹션과 몰입감 있는 사용자 경험 구성
- ALB + Auto Scaling 기반의 서버 구조 설계로 대규모 트래픽 대응 공개 당일 358만 건의 요청 / 595GB 트래픽 처리
- CloudWatch 모니터링을 통해 트래픽 예측 기반 인프라 설계 최대 부하 상황에서도 무중단 서비스 유지
- S3 + CloudFront 조합과 SSR 기반 Next.js 구조로 정적/동적 콘텐츠를 분리하여 렌더링 효율과 초기 로딩 성능 최적화
- 서비스 공개 직전까지 비공개 접근을 유지하기 위해 IP 기반 접근 제어와 배포 스케줄 자동화 적용
[사용 기술]
- Next.js, Typescript, GSAP, AWS

FIGK_V2

[소개]
- 온핔/언더핔 이중 콘텐츠 구조와 유료 리액션 시스템을 기반으로 한 창작자 구독 플랫폼
[성과]
- 인증 흐름의 제약을 해결하기 위해 NextAuth를 대체한 커스텀 로그인 시스템 구현 (이메일/소셜 로그인, CSRF 대응)
- 서버 API 연동 기반의 계좌 실명 인증(HYPHEN) 및 Google reCAPTCHA를 통해 보안과 비용 효율을 모두 고려한 출금 기능 구현
- generateMetadata를 활용한 동적 SEO 최적화 및 OnFigk 페이지의 SSG + ISR 구조 설계
- middleware로 인증/권한 검증 로직을 전역 처리하고 공통 에러 핸들링 체계화 유저 흐름의 서버사이드 일관성 확보
- 클라이언트-서버 간 동기화, 인증 처리, 보안 정책 적용 등 서버사이드 동작 원리에 대한 이해를 바탕으로 통합 개발 수행
- CORS 회피를 위한 Proxy Route 구성으로 서버 통신 간소화 및 개발 효율성 향상
- GSAP을 활용한 패럴랙스 기반 랜딩 페이지 애니메이션 구현으로 몰입감 높은 사용자 경험 제공 및 성능 최적화
[사용 기술]
- Next.js, Typescript, Postgresql, Zustand, React-query, Tailwindcss, ky, GSAP
FIGGLE

[소개]
- 사내 복지 참여와 직원 간 소통을 위한 사내 커뮤니티 플랫폼 PWA(Progressive Web App) 기반으로 모바일 환경에 최적화된 커뮤니케이션 채널 구축
[성과]
- Apple App Store 정책 제한을 우회하기 위해 PWA 방식으로 전환해 성공적으로 프로젝트 배포
- 로그인 상태 유지 문제를 해결하기 위해 다중 저장소(Session, LocalStorage, Cookie)를 활용한 인증 로직 구성
- DB 기반 토큰 관리로 보안성 강화 및 세션 일관성 확보
- Web Notification을 위해 FCM(Firebase Cloud Messaging) 연동 적용
- PWA 기반 홈 화면 추가, 오프라인 대응, 푸시 알림 기능 구현으로 네이티브 앱에 준하는 사용자 경험 제공
- 공통 로그인/인증 흐름 모듈화를 통해 회사 내 여러 서비스에 재사용 가능한 구조로 설계
[사용 기술]
- React.js, Typescript, Styled Component, Node.js, PWA, Firebase, Mysql
Figverse

FIGVERSE

[소개]
- FIG의 공식 홈페이지로, 기업 이미지 제고와 AI 기반 인터랙션 도입을 목표로 한 외부용 랜딩 사이트. OpenAI API 기반의 대화형 챗봇을 접목해 사용자 참여형 인터페이스 구현.
[성과]
- AI 챗봇 인터페이스 구축: OpenAI API 연동을 통해 사용자와의 대화형 정보 제공 기능 구현
- Fine-tuning 및 Prompt Engineering 기술 자가 학습 및 적용으로 자연스러운 응답 흐름 설계
- Next.js 기반 SSR 구조로 SEO 대응과 페이지 로딩 성능 최적화
- 디자인 시스템 정리 및 반응형 구조 설계로 다양한 디바이스 환경 대응
- 사이트 방문자 수 30% 증가라는 성과를 기반으로, 후속 프로젝트 수주(40억 규모)에 기여
[사용 기술]
- Next.js, Typescript, Node.js, OpenAI API, Tailwindcss, PostgreSQL, React-query
FIGK

FIGK

[소개]
- 400자 단문 큐레이션을 중심으로 한 창작자 콘텐츠 플랫폼. 작가 섭외 기반의 콘텐츠 구독 서비스로, 주간 큐레이션 발행 및 검색 중심 인터페이스 제공.
[성과]
- 검색 기능 최적화: Fulltext Index 도입 및 SQL 쿼리 튜닝을 통해 검색 속도 300ms 30ms로 개선 (1,000% 향상)
- 불필요한 태그 4,000개 이상 정리 및 통합, 데이터 구조를 재정비하여 콘텐츠 검색 정확도 개선
- 백오피스 고도화: 통계 대시보드 개선 및 필터 기능 추가로 운영 효율성 향상
- SSG 기반 정적 페이지를 활용해 콘텐츠 접근 속도 향상 및 크롤러 대응 SEO 구조 개선
- 프론트/백엔드 모두 참여하며 콘텐츠 발행 흐름 및 관리 시스템 전반을 구현
[사용 기술]
- React.js, Typescript, Styled Component, Recoil, Node.js, MySQL

HUBDNC

2021년 08월 - 2022년 12월

Web Developer

Frontend Web Developer

이름

연락처

이메일

Github

Blog

LinkedIn

💁 소개

🏢 경력

FIG

HUBDNC