권영재·Frontend Developer
Available for work

PORTFOLIO / 2026

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

문제를 정의하고, 구조를 설계하고, 코드로 완성합니다. 기획의 의도를 이해하고, 프론트엔드부터 백엔드까지 실행 가능한 흐름으로 구현합니다.

Claude·Codex 등 AI 도구를 활용하여, 더 빠르고 정밀하게 문제를 해결합니다.

기술보다 문제가 먼저입니다. 요구사항의 핵심을 읽어내고, 최적의 방법으로 실현하는 과정을 즐깁니다.

Focus

Problem SolvingReal-time UINext.js · App RouterAI-Augmented Dev

Contact

Experience

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

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

  1. 아자스쿨주식회사

    정규직개발팀재직중

    개발팀 사원 (프론트엔드 & IOS/안드로이드)

    서울2025.08 — 재직중

    교육 플랫폼의 결제·스케줄·푸시·체험단·타임딜 등 핵심 도메인을 React/Next.js로 구축·개선합니다.

    주요 성과

    플랫폼 유지보수 및 개선
    2025.08 — 2026.03
    • 상품 상세/스케줄 페이지 등 주요 페이지 안정화
    • 결제·장바구니 등 쇼핑몰 구매 로직 구현 및 개선
    • 레거시 로직 정리 및 예외 케이스 대응
    • 유저 활동 추적을 위한 GA / Meta Analytics 세팅
    • 신규 기능 개발 속도 향상
    • 운영 대응 효율 개선
    앱푸시 / 웹뷰 고도화
    2025.12 — 2026.03
    • FCM 토큰 등록·해제 및 중복 방지 로직 구성
    • pending 토큰 저장·복구로 로그인 전·후 안정성 확보
    • 앱 버전·플랫폼·디바이스·UA 포함 등록 데이터 구성
    • 네이티브 브릿지 콜백 연동(토큰 수신·권한 변경)
    • 푸시 유입 Open 추적 및 실패 큐 재시도 구현
    • 앱 컨텍스트(platform/app_version) URL ↔ 세션 스토리지 동기화
    • 푸시 수신·추적 안정성 향상
    • 앱/웹뷰 환경 분기 오류 감소
    강사 스케줄·배정 관리
    2025.12 — 2026.01
    • 캘린더/리스트 탭 기반 스케줄 관리 UI 구현
    • 신청 가능/거절·취소 상태 필터, 날짜별 그룹핑, 무한 스크롤 적용
    • 일괄 스케줄 등록 및 중복 검증 처리
    • 문서/권한 체크 흐름 및 모달 기반 상세 UX 구성
    • 배정/신청 상태 연동 API 통합
    • 강사 일정 관리 흐름 단순화
    • 대량 스케줄 등록·관리 시간 절감
    체험단(리뷰어) 신청·주문 플로우 구축
    2025.11 — 2025.12
    • 프로모션 진입 시 전용 스케줄/가격 로직 분기 및 100% 할인 UI 구현
    • 체험단 전용 신청 페이지에서 구매자/참가자 정보 입력·검증·동의 처리
    • 잔여 체험 횟수(주/월) 조회 및 제한 안내
    • 무료 주문 생성 플로우 구성 및 성공/실패 처리
    • 체험단 전용 API 연동을 위한 데이터 변환 로직 구성
    • 체험단 신청 UX 안정화 및 오류 감소
    • 체험단 정책(1인 1회·무료·제한횟수) 준수율 개선
    타임딜(반짝 특가) 기능 개발
    2025.10 — 2025.11
    • 타임딜 진입 경로(fromTimeDeal)에 따른 스케줄 필터링 및 복귀 라우팅 유지
    • 캘린더에 타임딜 날짜 마커·마감임박·품절 상태 표시 UI 구현
    • 스케줄 카드에 타임딜 배지 + 카운트다운 노출, 할인율/할인가 표시
    • 타임딜 전용 환불 안내 문구 분기
    • 운영자 화면에서 타임딜 후보 조회, 스케줄 단위 할인율 입력·검증·저장, 적용가 미리보기 구현
    • 타임딜 운영 효율 개선(스케줄 단위 관리, 적용가 즉시 확인 가능)
    • 사용자 탐색·구매 흐름 개선(타임딜 일정·마감 상태 가시성 강화)

    사용 기술

    ReactNext.jsTypeScriptReduxTailwindCSSWebView BridgeFCMGA / Meta Analytics
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

만들어 온 것들

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

Technical Skills

다루는 기술

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

Frontend

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

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

Realtime & Visualization

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

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

Backend

FE 옆에서 직접 API를 설계하고 데이터 흐름을 제어합니다.

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

Mobile

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

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

Database

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

  • MySQL
  • Redis
  • SQLite

Security & Infra

안전한 통신과 재현 가능한 빌드 환경을 구성합니다.

  • JWT
  • RSA
  • Docker
  • Webpack

AI & Problem Solving

Claude · Codex · Gemini를 개발 워크플로에 통합해 문제 해결 속도를 높입니다.

  • Claude
  • Codex
  • ChatGPT
  • Gemini
  • Prompt Engineering

Tools & Collaboration

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

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

For work

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

바로 메일 쓰기

Or just say hi

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