원소연

Frontend

주요 성과

• 흰화면·무한로딩 장애 원인 분석 및 재발 차단 — 초기 가설(새로고침 유발 로직) 재검토 후 Docker 배포와 브라우저 캐시 충돌을 원인으로 진단, 배포 절차·Nginx 캐시 정책 재정비로 해결
• 두 도메인 환경 SSO 통합 로그인 구현 — 외부 인프라 제약을 고려해 Mkcert 기반 로컬 HTTPS 환경 구성, 세션·쿠키·캐시 동작을 로컬 단계에서 검증하며 진행

담당 업무

• 감별마켓 커머스 프론트엔드 주도

  • WebView · PC 환경 공통 컴포넌트 구현으로 동일 UX 유지
  • 가상 스크롤 기반 리스트 최적화로 대량 데이터 렌더링 부담 감소
  • 마케팅 배너·팝업 모듈화로 운영 반영 속도 단축
  • 도메인 간 이동 시 스크롤 위치 복원

• 카페24 템플릿 개발

  • 서비스 서브 도메인 확장을 고려한 프론트엔드 구조 설계 및 가이드 문서화
  • 카페24 기본 템플릿 기반 Vanilla JS 기능 추가

Frontend

주요 성과

• 유저 참여형 광고 오퍼월 프로젝트 담당 — 웹뷰-앱 간 통신(Deep Link) 구조 설계, 이미지 Lazy Loading 성능 개선, 광고 어드민 구축까지 담당. 광고 참여 → 캐시 획득 → 사내 커머스 이용으로 이어지는 선순환 구조 형성에 기여
• Vanilla JS 광고 SDK 설계·개발·배포 — 광고 트래킹·VAST XML 비디오 플레이어·외부 연동 가이드 문서까지 전 과정 담당, 외부 파트너사 공급으로 B2B 매출에 기여
• AWS 기반 CI/CD 파이프라인 구축 — CodePipeline · S3 · CloudFront · Route53 조합으로 정적 웹사이트 배포 자동화

담당 업무

• 광고 SDK · 광고 운영 어드민

  • 웹 배너·비디오 광고 모듈 및 이벤트 트래킹(클릭·스킵·재생 범위) 구현
  • VAST XML 기반 비디오 플레이어 개발
  • 광고 백엔드 REST API 연동, 오픈 연동 가이드 제작 및 외부 업체 QA 대응
  • 광고 지표 차트·테이블 구현 (Recharts, Ant Design)

• 메신저 · 커머스 프로젝트

  • 웹뷰 메신저(친구 리스트·구독 채널) 및 메신저 어드민(메시지 관리·미리보기) 개발
  • 웹뷰 커머스 신규 개발 및 외부 솔루션 '샵바이' API 연동, 커머스 어드민 개발

여행 중심의 글로벌 커뮤니티 SNS (한/영/일) · 팀 프로젝트 · Next.js 16 / React 19 / Tiptap

• • Next.js App Router에 loader/container/presentation 3-layer 패턴 적용 — 데이터 페칭·상태·렌더 책임을 분리해 단위 테스트 격리 및 SSR 동작 개선
  • Tiptap 기반 게시글 에디터 개발 — 이미지·멘션·장소 카드 등 커스텀 노드 정의. 한글 IME 호환성을 고려해 Lexical·Slate 대신 채택
  • i18n 자동화 스크립트로 한/영/일 번역 키 동기화, Naver·LINE·Kakao·Apple 4종 소셜 로그인 통합
  • Sentry · DOMPurify · CSP 적용으로 운영 모니터링 및 XSS 방어 구성
  • Flutter WebView 환경에서 iOS 키보드 오픈 시 입력 영역 가림 이슈를 visualViewport API와 네이티브 스크롤 브릿지로 해결

예비부부 대상 · 1인 개발 · iOS App Store 심사 진행 중 · Capacitor / Supabase

• • Capacitor 기반 하이브리드 앱으로 구현 — 기존 웹 자산 재사용과 카메라·푸시 정도의 네이티브 사용을 고려한 결정. iOS 빌드·TestFlight 배포 후 App Store 심사 단계
  • Supabase 데이터 계층 설계 — 사용자별 RLS 정책 작성, 민감 로직은 Edge Function으로 분리. 예산은 단일 컬럼 업데이트 대신 이력 테이블로 분리해 지출 추적·롤백 지원
  • 부부 단위 데이터 공유 구조 — couple 단위로 RLS 정책을 구성해 두 사용자가 같은 예산·체크리스트를 함께 보면서도 다른 사용자와 데이터 격리
  • Google·Apple OAuth 소셜 로그인 통합 — Apple identityToken nonce 검증을 Supabase Auth와 연결, 사용자 식별자를 RLS 조건으로 사용해 행 단위 접근 제어

사이트 운영·SEO 유틸리티 모음 · 1인 개발 · LLM 기반 prototyping · Next.js / SEO

• • LLM 기반 코드 생성으로 MVP를 단기 구축 후, AI 생성 코드의 SEO·운영 공백을 진단·보강한 1인 사이드 프로젝트
  • Google Search Console·네이버 서치어드바이저 연동 — 검색엔진별 robots·sitemap 차이 처리, sitemap 분할·canonical 정리로 색인 누락·중복 정리
  • JSON-LD 구조화 데이터 적용, Core Web Vitals(LCP·CLS) 측정 기반 성능 개선, GSC 색인율·노출 수를 운영 지표로 추적