권영재·Frontend Developer
Available for work

PORTFOLIO / 2026

아이디어를 현실로,구현하는 개발자

문제를 정의하고 구조를 설계해 코드로 끝냅니다. 프론트엔드부터 백엔드·인프라까지 제품 단위로 책임집니다.

설계 전에 놓친 걸 되묻는 상대로 AI를 쓰고, 판단은 제가 합니다.

기술보다 문제가 먼저입니다.

Focus

Problem DefinitionNext.js · Spring BootCommerce & BookingEnd-to-End Ownership

Contact

Experience

제품과 함께 거쳐온 일과 시간

실서비스에서 만든 결과물과 그 과정의 의사결정을 정리했습니다.

  1. 아자스쿨주식회사

    정규직개발팀재직중

    개발팀 사원 (프론트엔드 & iOS/Android)

    서울2025.08 — 재직중

    교육 플랫폼의 인증·결제·스케줄·푸시 등 핵심 도메인을 React/Next.js로 구축·개선하고, 웹과 Android·iOS 3플랫폼을 함께 맡았습니다. 이후 신규 온라인 멘토링 플랫폼을 기획부터 배포까지 혼자 맡아 정식 출시까지 끌고 갔습니다.

    주요 성과

    온라인 멘토링 플랫폼 'Campus-It(캠퍼스잇)' 신규 구축·출시
    2026.04 — 운영중
    • 대학생 멘토 1:1 입시·진로 멘토링 신사업을 기획·정책 설계부터 단독 구축 (Product Engineer)
    • Spring Boot 백엔드 · Next.js 15 프론트엔드 · AWS 인프라까지 1인 풀스택 개발
    • α→β→γ 3단계 출시 전략과 feature flag 기반 ₩0 체험단 우회 분기 설계
    • 전자상거래법·개인정보 보관 기준 등 처음 다루는 정책 영역을 조문 단위로 조사해 약관 15종(T01~T15)과 환불 로직에 반영
    • 2026.07.01 유료 정식 출시 — α 파일럿 → β 무료 체험단 → γ 유료 전환 3단계 완주
    • feature flag 설계로 외부 결제 심사 3주 지연을 흡수 — 코드 전환(6/11)과 실제 오픈(7/1) 사이를 롤백 없이 대기
    • Redis 없이 PostgreSQL advisory lock + Caffeine으로 동시성 제어 — 상시 운영 컴포넌트 1개 감소
    앱 알림 시스템 구축 (웹 · Android · iOS)
    2025.12 — 2026.04
    • FCM 토큰 등록·해제 및 중복 방지 로직 구성
    • pending 토큰 저장·복구로 로그인 전·후 안정성 확보
    • 웹↔앱 공통 네이티브 브릿지로 3플랫폼 인터페이스 통일 (토큰 수신·권한 변경·알림 설정 진입)
    • 푸시 클릭 로그를 로컬 큐에 적재 후 네트워크 복구·앱 재시작 시 flush
    • cold start 딥링크를 플랫폼별 pending 큐로 처리 (Android intent timing · iOS 초기 URL 순서 · Web hydration 이전)
    • 동의 UI를 신규 유저(모달) / 기존 유저(바텀시트) 두 벌로 분리 구현
    • 푸시 열람률 33.9% — 3,802건 발송 / 1,290건 열람, 수신자 185명 (GA4, 2026.04~08)
    • 동의 요청을 신규(모달)·기존(바텀시트) 두 맥락으로 나눠 노출한 결과 동의율 21.5% vs 12.6% — 같은 요청도 맥락에 따라 1.7배 차이가 난다는 걸 수치로 확인
    • 웹·Android·iOS 3플랫폼을 단독 구현해 동일 기능의 플랫폼 간 동작 차이 제거
    인증·토큰 레이어 재설계
    2026.01 — 2026.02
    • Axios 인터셉터에 single-flight + 요청 큐잉 적용
    • TokenManager를 Redux(메모리) + HttpOnly 쿠키 조합으로 재구성
    • shop / instructor / manager 3역할 기반 라우팅 가드 도입
    • 동시 401 발생 시 refresh API 중복 호출 제거 — 정확히 1회만 호출하고 원 요청은 큐에서 재시도
    • accessToken을 브라우저 저장소에 남기지 않는 구조로 전환
    • 역할이 다른 세션의 API 오호출을 라우팅 단계에서 차단
    강사 플랫폼 전면 개편 및 배정 관리
    2026.01 — 2026.03
    • 캘린더/리스트 탭 기반 스케줄 관리 UI 구현
    • 신청 가능/거절·취소 상태 필터, 날짜별 그룹핑, 무한 스크롤 적용
    • 기간 단위 일괄 스케줄 등록 및 중복 검증 처리
    • 출석부(참가자 명부·전화 연결)와 참가자별 사진 업로드 구성
    • 관리자 배정 v2 — 캘린더 뷰, 메모 CRUD, 거절 이력 배지, 대체 후보 강사 로직
    • 역할별 알림함 API와 안읽음 배지 동기화
    • 회차별 수기 등록을 기간 단위 일괄 등록 + 중복 검증으로 대체
    • 배정 거절 시 대체 후보를 시스템이 제시해 관리자의 수동 재탐색 제거
    • 스케줄 등록 → 배정 → 출석부 → 알림함까지 강사 플로우 전 구간을 하나의 개편으로 재구성
    주문·결제·환불 고도화 (다인권 · 부분 취소)
    2026.02 — 2026.04
    • 취소를 전체 / 아이템별 부분 / 참가자 단위 3단계로 분리
    • 다인권(participantsPerTicket) 도입에 맞춰 가격 설정·주문서·재고 검증·취소/환불 모달 분기
    • 환불 수수료 금액·수수료율 컬럼 및 폐강 기능 UI 구현
    • Toss SDK 환경변수 Dev/Prod 분리 및 Docker 배포 시 환경변수 전달 문제 해결
    • Playwright 기반 결제 플로우 E2E 추가
    • 참가자 단위 부분 환불을 시스템에서 종결 — 운영자 수기 정산 경로 제거
    • 1주문 다참가자 케이스를 가격·재고·취소·환불까지 하나의 흐름으로 일관 처리
    • 결제 플로우 회귀를 E2E로 자동 검증
    체험단(리뷰어) 신청·주문 플로우 구축
    2025.11 — 2025.12
    • 프로모션 진입 시 전용 스케줄/가격 로직 분기 및 100% 할인 UI 구현
    • 체험단 전용 신청 페이지에서 구매자/참가자 정보 입력·검증·동의 처리
    • 잔여 체험 횟수(주/월) 조회 및 제한 안내
    • 무료 주문 생성 플로우 구성 및 성공/실패 처리
    • 결제 UI를 우회하는 ₩0 주문 경로를 분기해 기존 유료 결제 로직 수정 없이 체험단 운영
    • 주/월 잔여 횟수를 신청 단계에서 검증해 정책 위반 주문이 생성되지 않도록 차단
    타임딜(반짝 특가) 기능 개발
    2025.10 — 2025.11
    • 타임딜 진입 경로(fromTimeDeal)에 따른 스케줄 필터링 및 복귀 라우팅 유지
    • 캘린더에 타임딜 날짜 마커·마감임박·품절 상태 표시 UI 구현
    • 스케줄 카드에 타임딜 배지 + 카운트다운 노출, 할인율/할인가 표시
    • 운영자 화면에서 타임딜 후보 조회, 스케줄 단위 할인율 입력·검증·저장, 적용가 미리보기 구현
    • 운영자가 스케줄 단위로 할인율을 입력하고 적용가를 즉시 확인 — 개발자 확인 요청 없이 등록 완결
    • 마감임박·품절·카운트다운을 캘린더와 카드에 함께 노출해 타임딜 일정 가시성 확보
    플랫폼 유지보수 및 계측 정비
    2025.08 — 2026.04
    • 상품 상세/스케줄 페이지 등 주요 페이지 안정화
    • 결제·장바구니 등 쇼핑몰 구매 로직 구현 및 개선
    • 레거시 로직 정리 및 예외 케이스 대응
    • GA4 체계화 — platform/app_version 수집, user_properties 개선, UTM 서버 전송
    • 이미지 업로드를 Presigned URL 기반 S3 직접 업로드로 일원화
    • Docker Blue-Green 배포(dev/prod 분리, ECR 전환) 및 배포 보고서 자동화
    • page-views API 중복 호출 제거 및 GA4 user_id 중복 전송 수정 — 유입 지표 정확도 확보
    • 이미지 업로드의 서버 경유를 없애 업로드 트래픽을 S3로 직접 이관
    • 무중단 Blue-Green 배포 체계로 전환하고 배포 이력을 자동 기록

    사용 기술

    ReactNext.jsTypeScriptReduxTailwindCSSWebView BridgeFCMGA / Meta AnalyticsJava / Spring BootPostgreSQLAWS
Education

배움을 쌓아온 시간

삼성 청년 SW 아카데미 (SSAFY) 9기

1000시간 SW 역량 강화 과정

2023.01 — 2023.12
  • 상반기: 알고리즘 문제 해결 및 자료구조 학습 (Java)
  • 하반기: 협업 프로젝트 중심 웹 개발 (Spring Boot, Vue.js, React)
  • 주요 프로젝트: WebRTC 기반 실시간 화상 퀴즈 게임, 핀테크 PWA
  • Jira·Git 활용 6인 팀 프로젝트 3회 진행

서울과학기술대학교

컴퓨터공학과 (졸업)

2017.03 — 2023.02
  • 전공: C·C++, 자료구조, 컴퓨터과학 개론, 알고리즘
  • 수학 기반: 이산수학·공학수학 이수
  • 웹 개발 수업 수강 후 프론트엔드 개발자로 진로 설정
  • 디자인 동아리와 웹 프로젝트 협업, 컴퓨터 그래픽스·비전 학습

Certifications & Awards

  1. 어학

    TOEIC Speaking · IM3

  2. 어학

    OPIC · IM1

  3. 수상

    제4회 오픈 인프라 개발 경진대회 (OIDC 2022) 동상

    (주) 맨텍 주최

    Terraform 기반 Kubernetes 시각적 워크플로 웹 서비스(Kube:Form). 드래그 앤 드롭 + Xarrow 의존성 시각화 담당.

Projects

만들어 온 것들

실서비스부터 사이드까지, 직접 부딪쳐 본 프로젝트입니다.

Campus-It (캠퍼스잇)

Campus-It (캠퍼스잇)

진행중

대학생 멘토 1:1 입시·진로 멘토링 커머스 플랫폼 — 기획부터 인프라까지 1인이 만들어 출시한 서비스

기간
2026.04 — 운영중 (2026.07.01 정식 출시)
1명 (풀스택)
역할
Product
  • Java 21
  • Spring Boot 3
  • PostgreSQL 16
  • Next.js 15
  • TypeScript
  • +3
Mobile

앱 알림 시스템 (웹 · Android · iOS)

완료

푸시를 붙인 게 아니라 인증·권한·딥링크·추적·오프라인 복구까지의 이벤트 시스템을 3플랫폼에 혼자 얹은 작업

기간
2025.12 — 2026.04
1명 (웹·Android·iOS 단독)
역할
설계·구현
  • FCM
  • Next.js
  • TypeScript
  • Kotlin
  • Swift
  • +2
평택 관외 진로체험 홈페이지

평택 관외 진로체험 홈페이지

완료

운영비 0 제약 안에서 학부모용 사이트와 운영자 백오피스를 짓고, 개발자 없이 굴러가게 만들어 넘긴 프로젝트

기간
2026.05 — 2026.08
1명
역할
단독
  • Next.js
  • TypeScript
  • Supabase
  • Vercel
  • sharp
  • +1
Fullstack

컨텐츠 배포 시스템

완료

Django·비동기 큐를 직접 다뤄보려고 만든 학습용 사이드 프로젝트 — 디바이스 사양 기반 콘텐츠 최적화와 실시간 다운로드 모니터링

기간
2025.08 — 2025.10
1명 (풀스택)
역할
개인
  • Django
  • SQLite
  • Celery
  • Redis
  • Next.js
  • +2
PC & AI Service 웹 대시보드

PC & AI Service 웹 대시보드

완료

실시간 교통 데이터 캔버스 시각화 + WebSocket 스트리밍 대시보드

기간
2025.03 — 2025.06
2명
역할
프론트엔드
  • React
  • MUI
  • WebSocket
  • Canvas
  • D3.js
Let's Dog (같이가개)

Let's Dog (같이가개)

완료

반려견 산책·반려인 SNS Android 앱

기간
2023.10 — 2023.11
6명
역할
Android
  • Kotlin
  • Jetpack Compose
  • WebSocket
  • Stomp
매장의 민족

매장의 민족

완료

키오스크 없이 핸드폰으로 주문·결제하는 핀테크 PWA

기간
2023.09 — 2023.10
6명
역할
프론트엔드
  • React
  • Redux
  • RSA
  • react-beautiful-dnd
  • WebSocket
  • +1
멍마을의 냥

멍마을의 냥

완료

‘몸으로 말해요’ 컨셉의 화상통화 웹게임

기간
2023.08 — 2023.09
6명
역할
팀장,
  • React
  • Redux
  • WebRTC
  • OpenVidu
Kube:Form

Kube:Form

완료

Drag & Drop으로 만드는 Kubernetes 워크플로우 GUI

기간
2022.03 — 2022.09
4명
역할
프론트엔드
  • React
  • Material UI
  • react-beautiful-dnd
  • Xarrow
  • Terraform
Technical Skills

다루는 기술

실제 프로젝트에서 사용해 본 기술을 카테고리별로 정리했습니다.

Frontend

사용자 경험을 최우선으로, 직관적이고 안정적인 UI를 설계합니다.

  • React
  • Next.js
  • TypeScript
  • Redux
  • React Query
  • Zustand
  • TailwindCSS
  • Vue.js
  • D3.js

Realtime & Visualization

실시간 스트리밍과 시각화 인터페이스 구축에 강점이 있습니다.

  • WebRTC (OpenVidu)
  • WebSocket
  • Stomp
  • Canvas API
  • Signal

Backend

화면에서 끝내지 않고 API와 데이터 흐름까지 직접 설계합니다.

  • Spring Boot
  • Django
  • Celery
  • Node.js
  • Next.js API Routes

Mobile

네이티브와 웹뷰 양쪽 흐름을 모두 다룹니다.

  • Kotlin
  • Jetpack Compose
  • React Native (WebView)
  • FCM

Database

관계형/캐시 레이어를 용도에 맞게 선택하고 운용합니다.

  • PostgreSQL
  • MySQL
  • Redis
  • SQLite

Security & Infra

인증·통신 보안부터 배포까지, 서비스가 실제로 떠 있는 환경을 직접 구성하고 운영합니다.

  • JWT
  • RSA
  • Docker
  • AWS (EC2 · RDS · S3 · CloudFront)
  • GitHub Actions
  • Nginx
  • Webpack

AI 활용

AI를 답 생성기가 아니라 검토자이자 리서처로 씁니다. 설계 전 놓친 조건을 되묻게 하고, 낯선 기술 스택과 도메인·법령 자료를 파악하는 속도를 높입니다.

  • Claude
  • Codex
  • ChatGPT
  • Gemini
  • Prompt Engineering

Tools & Collaboration

기획·디자인과의 협업과 코드 품질 관리에 익숙합니다.

  • Git
  • GitHub
  • Jira
  • Figma
  • Notion
Contact
답장 가능함께 만들 제품을 기다리고 있습니다.
dwdjjj@naver.com

For work

채용 · 외주 · 사이드 프로젝트 제안은 메일이 가장 빠릅니다. 평일 기준 하루 안에 회신드리는 것을 목표로 하고 있어요.

바로 메일 쓰기

Or just say hi

기술 잡담이나 포트폴리오 피드백, 커리어 고민 같은 이야기도 편하게 주세요. 30분 커피챗도 환영합니다.