KKH.Mail

김규현

AI Product
Engineer

React·Next.js 프론트엔드 9년 차. 네오위즈 Neopin에서 지갑·DEX·디자인 시스템을 만들었고, 최근엔 AI 네이티브 워크플로우로 제품 5종을 혼자 출시해 3종을 운영하고 있습니다.

경력
8Y 8M
Web3
≈5Y
단독 출시
5
kimk1029@naver.com GitHub
스크롤해서 발사하기

AI 시대 AI에 발맞추는 개발자가 되기 위한 여정을 보여드립니다. 궤도 진입!!

미션 브리핑 — 이 페이지를 만든 방법: AI는 누가 쓰느냐에 따라 다른 결과물을 만듭니다.

01 / 05

내가 한 것우주는 제가 원래 좋아하는 관심사입니다. 경력이 '발사 → 궤도 → 교신'으로 읽히게 하자는 컨셉을 잡고, 결과를 보며 '로켓은 살리고, 우주 용어엔 한국어 경력 라벨을 붙이자'고 방향을 다듬었습니다.

AI가 한 것디자인 스킬이 방향 후보를 제안했고, 고른 방향을 구현했습니다.

  1. 관심사를 컨셉으로: 우주는 제가 원래 좋아하는 관심사입니다. 경력이 '발사 → 궤도 → 교신'으로 읽히게 하자는 컨셉을 잡고, 결과를 보며 '로켓은 살리고, 우주 용어엔 한국어 경력 라벨을 붙이자'고 방향을 다듬었습니다. (AI: 디자인 스킬이 방향 후보를 제안했고, 고른 방향을 구현했습니다.)
  2. 프롬프트보다 환경 먼저: Claude Code에 플러그인으로 디자인 스킬(impeccable)과 과잉 설계를 막는 스킬(ponytail)을 설치했습니다. AI가 뻔한 템플릿과 불필요한 코드를 내놓는 기본 습관부터 교정한 것입니다. (AI: 스킬이 정한 품질 기준(대비·타이포·모션 규칙)과 '최소 코드' 원칙을 매 작업에 적용했습니다.)
  3. 맥락을 문서로 고정: 누가 보는지(채용 담당자·테크 리드), 무엇을 믿게 할지(AI 제품 엔지니어), 무엇을 숨길지(전화번호·주소)를 정해 PRODUCT.md에 고정했습니다. 세션이 바뀌어도 AI가 같은 기준으로 판단합니다. (AI: 이력서를 데이터 구조로 옮기고, 디자인 방향을 계약 문서로 남겨 이후 작업이 따르게 했습니다.)
  4. 스택과 인터랙션 결정: 서버 없이 빠르게 뜨는 정적 사이트(Next.js export + GitHub Pages)로 정하고, 인터랙션은 스크롤 연동과 3D로 가자고 정했습니다. 지금 행성을 도는 이 우주선도 그 결정입니다. (AI: Claude Code가 컴포넌트와 3D 장면을 구현하고, 빌드·배포 파이프라인을 돌렸습니다.)
  5. 결과로 판단하기: AI가 찍은 데스크톱·모바일 스크린샷과 리뷰 에이전트의 지적을 보고 무엇을 반영할지 골랐습니다. '페이지가 짧다', '경력이 안 보인다'처럼 결과물 기준으로 다시 시키는 것이 제 역할이었습니다. (AI: Playwright로 화면을 캡처해 겹침·잘림을 찾고, 리뷰 에이전트가 방향 계약 대비 결함을 정리했습니다.)

1단 부스터Trumpia

2016 Trumpia · 2016.01 ~ 2020.02 · 풀스택 개발자

미국 실리콘밸리 소재 B2B 메시징 서비스 기업 — 프론트엔드 + 백엔드 + 인프라 일부 담당

  • D3.js·C3.js 데이터 시각화 대시보드 구축, C3.js 단일 렌더링 엔진 + Factory 패턴 리팩토링으로 차트 성능 30% 이상 개선
  • PHP 레거시 시스템을 Java Spring Boot로 단계적 전환하고 반응형 웹 리뉴얼 리드 (Apache·Tomcat·CentOS 환경 구축 포함)
  • Jenkins 기반 Dev·Stage·Live CI/CD 파이프라인 구축, GitLab 코드 리뷰 프로세스 도입
  • Oracle 12g 쿼리 실행 계획 분석·튜닝, 미국 본사·AT&T 엔지니어와 영어로 OEM 서버 테스팅·이슈 트래킹

2단 엔진NEOWIZ (네오위즈)

2020 네오위즈 · 2020.03 ~ 2024.12 · 시니어 FE / Lead FE

블록체인 사업부 Neopin(오픈 DeFi 플랫폼)·BETSPIDER.IO 담당 — 지갑 익스텐션, DeFi DApp(DEX), 통합 관리자 마이그레이션, 디자인 시스템까지 프론트엔드 전 영역 핵심 기여자

  • NEOPIN 지갑 익스텐션(Chrome) 아키텍처 설계, Ethers.js·Web3.js로 Smart Contract를 직접 호출하는 지갑 코어 기능 구현
  • SWR 도입으로 중복 API 요청을 캐시·재검증 흐름으로 정리, 메인 화면 Lighthouse 점수 약 20% 개선
  • app.neopin.io DEX의 Swap·Pool·Stake 구현, ERC20 ABI 연동 및 웹뷰 ↔ 네이티브 앱 양방향 통신 인터페이스 개발
  • 통합 관리자 페이지 Svelte → React 전환 제안·실행, SWR + Zustand 재구성으로 메인 데이터 페칭 약 34% 개선
  • NEOPIN.io 디자인 시스템 리드 — 동일 UI 수정 커뮤니케이션 4~5회 → 1~2회로 감소
  • BETSPIDER.IO(Tron 블록체인 카지노) Vue 2 + TypeScript 점진 도입, TronLink 지갑 결제 흐름 구현

궤도 진입독립 개발 / AI 기반 프로덕트 빌딩

2025 독립 개발 · 2025.01 ~ 현재 · 풀스택 개발 (1인)

웹·모바일·게임 프로덕트 6종을 기획부터 배포까지 단독 진행해 5종 출시. ARVO TCG, dopamine.land, DATEBASE 3종은 현재 운영 중

  • ARVO TCG: TCG 시세 데이터 파이프라인 구축부터 Next.js 웹·React Native 앱스토어 출시까지 단독 수행, 웹·앱 양채널 운영
  • dopamine.land: Next.js + Phaser.js + WebSockets 기반 실시간 멀티플레이 게임 플랫폼 단독 런칭
  • DATEBASE: Flutter 앱, Node.js 백엔드, NAS Stage 인프라까지 전 구간 설계·구축, 디자이너·인플루언서 섭외까지 운영 주도
  • Claude Code를 주 작업 도구로 MCP 서버 연동, Agent Skills, Agent Harness, 간이 Eval을 개발 워크플로우로 정착

교신 — 소개

8년간 React·Vue·Next.js로 프론트엔드를 해왔고, 그중 약 5년을 블록체인 도메인에서 보냈습니다. 최근에는 Claude Code·MCP·Agent Skills 워크플로우를 실제 프로덕트에 적용하며 AI 도구가 개발 병목을 어디까지 해결하는지 직접 검증했습니다. 이제 이 두 축을 회사에서 결합해, 프로덕션 수준의 프론트엔드를 책임지면서 검증된 AI 워크플로우를 팀에 정착시키고 싶습니다.

Impact

행성 궤도 — 숫자로 남은 성과

20%

Lighthouse 성능 향상

NEOPIN 지갑 — 중복 요청을 SWR 캐시로 통합

20%
34%
4~5→1~2
50%
30%+
2×

Mission log

관제 기록 — 경력 사항

총 8년 8개월 + 독립 개발 1년 5개월

2025.01 ~ 현재

독립 개발 / AI 기반 프로덕트 빌딩

풀스택 메이커

LLM 도구를 실제 프로덕트 개발에 녹이는 검증 기간. 기획 → 개발 → 디자이너·인플루언서 섭외 → 서버 구축 → 스토어 배포까지 프로덕트를 단독 완수하며, 개발 병목을 AI 워크플로우로 해결한 사례를 축적했습니다.

  1. 1인 개발의 속도 한계

    01
    Action
    Claude Code를 자동완성이 아닌 PR 단위 작업 위임 도구로 운용 — 에이전트가 파일·테스트·빌드를 직접 조작하는 구조.
    Impact
    구현 사이클 체감 약 2배 단축 (dopamine.land 게임 로직, Piesta NestJS CRUD 보일러플레이트 기준).

  2. LLM이 프로젝트 컨텍스트를 모르는 문제

    02
    Action
    Supabase 등 공개 MCP 서버를 연결해 LLM이 DB 스키마를 직접 조회하도록 구성. 공개 Agent Skills(코드 리뷰·PR 정리 등)를 선별 도입해 토큰 사용 최적화.
    Impact
    수동 컨텍스트 복붙 제거, 반복 작업 자동화로 운영 부담 감소.

  3. 에이전트의 반복 실패와 품질 저하

    03
    Action
    툴 호출 실패 시 재시도·에러 복구 로직을 Node 레이어에 직접 구성(Agent Harness). 주보 파싱 같은 반복 작업에는 정답 세트 기반 간이 eval로 프롬프트 변경 시 품질 회귀 감지.
    Impact
    LLM이 같은 실수를 무한 반복하는 패턴 차단, 산출물 품질을 일정 수준으로 유지.

2020.03 ~ 2024.12

㈜네오위즈 — 블록체인 사업부 Neopin

시니어 FE / NEOPIN.io FE 리드

판교 기반 게임 퍼블리싱·개발사의 블록체인 사업부 Neopin(Open DeFi 플랫폼) 핵심 기여자. 지갑 익스텐션 → 랜딩·디자인 시스템 → DEX DApp → Admin까지 프로덕트 전 영역을 담당했습니다.

  1. NEOPIN 지갑 익스텐션 — Chrome Extension Wallet

    2021.12 ~ 2024.12
    Background
    참고 레퍼런스가 거의 없던 초기 시점에 블록체인 지갑 익스텐션 아키텍처 설계를 단독으로 담당.
    Action
    테스트 베드를 직접 구축하며 React 기반 반응형 구조(팝업 ~ 전체 화면) 설계. Ethers.js·Web3.js로 Smart Contract 직접 호출, WalletConnect + Background Script로 웹 서비스 ↔ 지갑 실시간 연동. 여러 화면이 각자 요청하던 잔액·네트워크 정보를 SWR 캐시로 통합.
    Impact
    메인 화면 Lighthouse 성능 점수 약 20% 향상. 팀이 참고하는 아키텍처 기반 제공, 주간 기술 세션으로 React·SWR 패턴 전파.

  2. app.neopin.io — DeFi DApp (DEX)

    02
    Background
    Swap·Pool·Stake 등 복잡한 금융 로직을 웹·하이브리드 앱 양쪽에서 안정적으로 처리해야 하는 환경.
    Action
    Next.js 기반 DEX 핵심 기능의 비즈니스 로직·UI 구현, ERC20 ABI 연동으로 트랜잭션 안정 처리. Native Connector로 웹뷰 ↔ 네이티브 앱 양방향 통신 인터페이스 개발.
    Impact
    복잡한 컨트랙트 연동 기능을 빠른 프로토타입으로 경영진·디자인팀과 공유 — 의사결정 소요 시간 약 50% 단축.

  3. NEOPIN.io — 서비스 랜딩 · 디자인 시스템 (FE 리드)

    03
    Background
    기획·디자인·개발 간 UI 수정이 4~5회 반복되는 비효율적 협업 구조.
    Action
    Chakra UI(빠른 컴포넌트 베이스) + Tailwind CSS(브랜드 커스터마이징) 조합으로 디자인 시스템·타이포 가이드라인 구축. Lottie·Framer Motion으로 브랜드 인터랙션 구현, 협업 프로세스 문서화.
    Impact
    UI 개발 반복 비용 4~5회 → 1~2회로 감소. 팀 표준 프로세스로 정착.

  4. 통합 관리자(Admin) 아키텍처 전환 · 성능 최적화

    04
    Background
    유지보수 인력 확보가 어려운 Svelte 레거시를 팀 표준 스택(React)으로 전환.
    Action
    전역 상태가 적고 캐싱이 중요한 Admin 특성을 고려해 React-Query 대신 SWR + Zustand 조합으로 상태 관리 재설계.
    Impact
    번들 크기 축소, 메인 페이지 데이터 페칭 속도 34% 개선. 마이그레이션·API 표준을 Notion Wiki로 문서화해 온보딩 자료로 활용.

  5. BETSPIDER.IO — 블록체인 카지노 웹앱 (Tron)

    2020.03 ~ 2021.12
    Background
    트론 네트워크 기반 베팅 서비스의 프론트엔드 및 결제 플로우 전담.
    Action
    TronLink 연동으로 지갑 연결·입출금 흐름 구현. 중간 서버 없이 노드에 sendTransaction을 직접 호출해 레이턴시를 줄이고 에러 핸들링을 정교화. Vue 2에 TypeScript 점진 도입.
    Impact
    블록체인 베팅 서비스 런칭 및 초기 운영 안정화.

2016.01 ~ 2020.02

Trumpia — 실리콘밸리 B2B 메시징

풀스택 개발자

미국 본사·AT&T 고객사 엔지니어와 영어로 직접 커뮤니케이션하며 프론트엔드부터 백엔드·인프라까지 풀스택 개발을 수행했습니다.

  1. 반응형 리포트 차트 리팩토링

    2018.11 ~ 2019.05
    Action
    D3.js·C3.js가 혼재된 시각화 모듈을 C3.js 단일 렌더링 엔진으로 재설계, 차트 타입을 Factory 패턴으로 동적 생성 — 신규 차트 추가 시 기존 코드 수정이 필요 없는 구조.
    Impact
    차트 로딩·렌더링 성능 30% 이상 개선.

  2. 대규모 데이터 시각화 대시보드 & CI/CD

    2016.10 ~ 2018.11
    Action
    D3.js + C3.js 기반 집계 데이터 시각화 모듈 설계(Java Controller·DTO까지 직접 수정). Jenkins로 Dev·Stage·Live 3단계 CI/CD 구축, GitLab 코드 리뷰 프로세스 도입.
    Impact
    고객사 데이터 분석 효율 개선, 배포 전 검증 단계 정착.

  3. 레거시 현대화 (PHP → Spring Boot) · 반응형 리뉴얼

    03
    Action
    PHP 레거시를 모듈 단위로 Spring Boot 마이그레이션, 데스크탑 전용 웹을 Bootstrap 반응형으로 리뉴얼. Apache·Tomcat·CentOS 인프라 설정 전담.
    Impact
    레거시 부채 해소로 시스템 안정성·유지보수성 개선.

Propulsion

추진 시스템 — AI 네이티브 개발 워크플로우

01Claude Code · Codex · Cursor

에이전틱 개발

자동완성이 아니라 PR 단위로 작업을 위임합니다. 에이전트가 파일·테스트·빌드를 직접 조작하고, 저는 리뷰와 방향을 잡습니다.

02Model Context Protocol

MCP 연동

직접 만든 서버가 아니라 Supabase 등 공개 MCP 서버를 연결해, LLM이 DB 스키마를 직접 조회하게 했습니다. 컨텍스트를 복사해 붙여넣는 일이 줄었습니다.

03Skills · Retry · Recovery

Agent Skills & Harness

Skills는 에이전트에게 주는 '작업 설명서'입니다. 공개된 것 중 필요한 것만 골라 붙여, 매번 긴 설명을 반복하느라 토큰을 낭비하지 않게 했습니다. Harness는 에이전트를 감싸는 안전장치입니다. 도구 호출이 실패하면 다시 시도하고, 같은 실수를 반복하면 멈추고, 대화가 길어지면 필요한 내용만 남기도록 Node로 직접 짰습니다.

04Anthropic · OpenAI

LLM API & 품질 체크

자주 반복하는 작업(예: 교회 주보 파싱)은 '이 입력엔 이 결과가 나와야 한다'는 정답 예시를 몇 개 만들어 둡니다. 프롬프트를 고칠 때마다 결과를 정답과 맞춰 보고, 고친 뒤 오히려 나빠졌는지 바로 확인합니다. 흔히 eval(평가)이라 부르는 방식입니다.

05Claude Design · DESIGN.md · impeccable

AI UI 생성

GitHub 스타 약 7.8만 개의 디자인 스킬 impeccable을 설치하고, 색·타이포·간격 규칙을 DESIGN.md에 적어 둡니다. 그다음 Claude Design으로 시안을 뽑을 때 '이 DESIGN.md와 impeccable 기준을 지켜서 만들어'라고 지시합니다. 방향은 문서와 스킬이 잡고, 마지막 다듬기는 제가 합니다.

Satellites

위성 — 개인 프로젝트, 기획부터 배포까지 단독 수행

ARVO TCG2025
2025.04 ~ 운영 중교신 중 · 운영 중

ARVO TCG

TCG Community · Web + RN App

포켓몬 팬 커뮤니티 '포케페스타30(poke-30.com)'으로 시작해 TCG 전반으로 확장한 최종 버전입니다. 포켓몬·원피스·유희왕 TCG의 실시간 시세 검색, 박스별 힛카드 가격, 카드 거래·컬렉션 관리를 제공하는 커뮤니티 플랫폼입니다. 시세 데이터 파이프라인 구축부터 React Native 앱스토어 출시까지 프로덕트 전 과정을 단독으로 수행하며 웹·앱 양채널로 운영하고 있습니다.

  • 전신 포케페스타30: 사용자 제보 기반 매장 혼잡도·실시간 피드·카드 거래·지도를 하단 탭 중심 모바일 웹으로 운영하며 수요를 검증한 뒤 ARVO TCG로 확장
  • 해외 시세 소스를 집계하는 자체 데이터 파이프라인을 구축해 박스·싱글카드 단위 가격 시계열 데이터를 자체 보유
  • 수집 → 정규화 → 저장 → 서빙 흐름을 분리해 소스 추가·장애 시에도 서비스 영향 최소화

Next.js · TypeScript · React Native · PostgreSQL · Data Pipeline · Vercel

자세히 보기 arvotcg.com
DOPAMINE.LAND2025
2025.09 ~ 2025.12교신 중 · 운영 중

dopamine.land

Web Game Platform

별도 설치 없이 브라우저에서 바로 동작하는 멀티플레이 게임 플랫폼입니다. 텍사스 홀덤, 1:1 테트리스 등 실시간 대전 게임과 포인트 시스템·커뮤니티 기능을 결합했으며, MCP 기반 개발 환경을 구성해 LLM이 게임 상태와 DB 스키마를 직접 조회하며 개발을 보조하는 워크플로우로 완성했습니다.

  • Next.js 환경에 Phaser.js 게임 엔진을 탑재해 URL 접속만으로 동작하는 웹 게임 환경 구축, 게임 캔버스와 React UI 레이어(로비·랭킹·포인트) 분리
  • WebSockets 기반 텍사스 홀덤, 1:1 테트리스 등 실시간 멀티플레이 로직과 게임 상태 동기화 구현
  • 턴 진행·베팅·승패 판정 등 게임 룰을 서버 기준으로 검증해 클라이언트 조작 여지 차단

Next.js · Phaser.js · Supabase · WebSockets · Vercel · MCP

자세히 보기 dopamine.land
DATEBASE2024
2024.10 ~ 운영 중교신 중 · 운영 중

DATEBASE

Location-based Dating App

웹 중심 스택에 모바일 네이티브를 더해, 위치 기반 데이팅 앱의 기획부터 스토어 배포까지 전 과정을 단독으로 검증한 크로스 플랫폼 프로젝트입니다.

  • Flutter·Dart 러닝 커브를 Claude Code 기반 페어 프로그래밍 방식으로 극복하고, 위치 기반 매칭·프로필·채팅 등 핵심 플로우를 단일 코드베이스로 iOS·Android 대응
  • Node.js(Express)와 Prisma ORM 기반 RESTful API를 설계하고 Railway로 배포
  • Supabase를 메인 데이터베이스로 활용해 사용자 프로필, 위치, 매칭 데이터 등 관계형 데이터 관리

Flutter · Node.js · Express · Prisma · Supabase · Railway · Docker

자세히 보기 datebase.site
경찰과 도둑2025
2025.01 ~ 출시

경찰과 도둑

Realtime Mobile Game · React Native

경찰과 도둑 역할을 나누고 GPS, 음성 통신, 지도 UI를 하나의 게임 플로우로 묶은 React Native 프로젝트입니다.

  • HIDING/CHASE 단계별 게임 플로우와 검거, 수감, 생존 조건을 포함한 승패 로직 구현
  • WebSocket 기반 위치 동기화와 서버 검증 로직으로 다수 플레이어 상태 일관성 확보
  • WebRTC P2P 시그널링 및 Push-to-Talk 무전을 도둑 팀 전용으로 연동

React Native · WebSocket · WebRTC · Naver Map API · Vision Camera

자세히 보기
FIESTA2025
2025.01 ~ 출시

FIESTA

Job Platform · Next.js + NestJS

공고 리스트, 이력서 빌더, 지원자 트래킹, 역할별 권한을 직접 구현한 구인구직 플랫폼입니다.

  • Next.js App Router로 SSR/RSC 기반의 SEO와 초기 로딩 최적화 UI 구축
  • NestJS + Prisma ORM 기반 API를 모듈, 컨트롤러, 서비스, DTO 계층으로 분리
  • JWT 인증/인가와 구인자, 구직자, 관리자 역할별 권한 분리 구현

Next.js · NestJS · TypeScript · Prisma · PostgreSQL · shadcn/ui

자세히 보기
교회 익명 커뮤니티2024
2024.11 ~ 2025.10

교회 익명 커뮤니티

Web Service

교회 내 정보 공유 및 소통을 위한 익명 커뮤니티 서비스로, 데이터 자동화 수집 기능을 포함한 웹 플랫폼입니다.

  • 초기 Node.js 서버 구조에서 Next.js Serverless 아키텍처로 통합 및 전환(Migration)하여 유지보수 포인트 단일화 및 배포 효율 증대
  • MS Playwright를 활용한 크롤러를 구축하여 교회 주보, 행사 정보 등을 JSON 형태로 자동 수집 및 시각화
  • shadcn/ui 컴포넌트 라이브러리와 Lovable AI를 활용하여 직관적이고 모던한 UI를 빠르게 생성하고 사용자 경험(UX) 최적화

Next.js · TypeScript · shadcn/ui · Playwright · Lovable AI

자세히 보기

Expeditions

탐사 기록 — 회사 프로젝트

NEOWIZ

Trumpia

Crew

승무원 — 리더십 & 협업

기술 리드 & 전파

NEOPIN.io FE 리드로 디자인 시스템·협업 프로세스를 팀 표준으로 정착. 주간 기술 세션(React·SWR·상태 관리)을 운영하고, Svelte→React 전환을 직접 제안해 완수했습니다.

직군 간 협업

디자인 시스템으로 UI 수정 반복 4~5회 → 1~2회, 프로토타입 선공유로 의사결정 시간 약 50% 단축. Trumpia에서 미국 본사·AT&T 엔지니어와 영어로 직접 소통했습니다.

End-to-End 오너십

독립 개발 프로덕트를 단독 완주 — 디자이너·인플루언서 섭외, NAS 서버 구축, 앱스토어 등록까지. 레퍼런스 없던 지갑 익스텐션 초기 구조도 테스트 베드를 만들며 직접 설계했습니다.

AI-Native Team Enablement

개인 워크플로우(Claude Code·MCP·Skills·Harness)를 팀 단위로 전파할 수 있습니다. 네오위즈에서 주간 세션으로 기술을 팀에 정착시킨 경험이 있습니다.

Constellation

성좌 — 핵심 보유 역량

Web3 / BlockchainEthers.jsWeb3.jsSmart Contract ABIWalletConnectTronLinkDEX (Swap/Pool/Stake)Chrome Extension WalletEthers.jsWeb3.jsSmart Contract ABIWalletConnectTronLinkDEX (Swap/Pool/Stake)Chrome Extension WalletEthers.jsWeb3.jsSmart Contract ABIWalletConnectTronLinkDEX (Swap/Pool/Stake)Chrome Extension Wallet
AI EngineeringClaude CodeMCPAgent SkillsAgent HarnessLLM EvalAnthropic Claude APIOpenAI APIPrompt EngineeringCursor AILovablev0.devClaude CodeMCPAgent SkillsAgent HarnessLLM EvalAnthropic Claude APIOpenAI APIPrompt EngineeringCursor AILovablev0.devClaude CodeMCPAgent SkillsAgent HarnessLLM EvalAnthropic Claude APIOpenAI APIPrompt EngineeringCursor AILovablev0.dev
Frontend & MobileTypeScriptReact.jsNext.js 14+ (App Router/RSC)Vue.jsReact NativeFlutterTailwind CSSshadcn/uiChakra UIFramer MotionTypeScriptReact.jsNext.js 14+ (App Router/RSC)Vue.jsReact NativeFlutterTailwind CSSshadcn/uiChakra UIFramer MotionTypeScriptReact.jsNext.js 14+ (App Router/RSC)Vue.jsReact NativeFlutterTailwind CSSshadcn/uiChakra UIFramer Motion
State / Realtime / VizSWRZustandReact-QueryRecoilPhaser.jsWebSocketWebRTCD3.jsC3.jsSWRZustandReact-QueryRecoilPhaser.jsWebSocketWebRTCD3.jsC3.jsSWRZustandReact-QueryRecoilPhaser.jsWebSocketWebRTCD3.jsC3.js
Backend & InfraNode.jsExpressNestJSJava Spring BootSupabasePrismaPostgreSQLVercelRailwayAWSDockerGitHub ActionsJenkinsNode.jsExpressNestJSJava Spring BootSupabasePrismaPostgreSQLVercelRailwayAWSDockerGitHub ActionsJenkinsNode.jsExpressNestJSJava Spring BootSupabasePrismaPostgreSQLVercelRailwayAWSDockerGitHub ActionsJenkins

Education

학력 · 교육 · 외국어

  • 한남대학교 컴퓨터공학과 졸업2009.03 ~ 2015.02
  • 애자일 기반 자바 개발자 과정 · 비트교육센터2015.03 ~ 2015.07
  • 영어 — 비즈니스 업무 가능 · JLPT N5외국어

경력 여정, 성과, 프로젝트까지 — 탐사를 마쳤습니다.

이제 귀환 궤도로 진입합니다.

교신 채널을 엽니다.