SELECTED WORKS — 대표 업적 3건
업적 전체 — 15건
GITHUB
하는 일
WEB BUILD
React·Next·Vue·Nuxt 풀사이클 — 기획에서 배포·운영까지. 도쿄 프로덕션 현장에서 검증된 프론트엔드 아키텍처로 만듭니다.
- // React · Next / Vue · Nuxt
- // TypeScript · GraphQL BFF · API 설계
- // 화면 상세 설계(Figma) · 테스트 설계
- // CI/CD · Sentry 로그 · 성능 튜닝
- // 리팩토링 · EOL 대응 · 운영
GLOBAL SHIP
13개 언어 다국어·현지화 운영 노하우. 국가별 생활 데이터 서비스 설계 — 국경 없는 웹앱을 만듭니다.
- // 13개 언어 i18n · 현지화 운영
- // 국가별 생활 인포패널 (극지·아프리카·아시아)
- // 코인 시그널 · 온체인 지표 대시보드
- // SEO · OG 다국어 · Cloudflare Pages 무빌드 배포
- // 설치 없이 링크 하나로 — 15개 앱 전부 무료
TEACH & SHARE
코딩 레슨·멘토링 — 만드는 법과 함께 “왜”를 가르칩니다.
- // 코딩 레슨 · 코딩 티처
- // 주말 강의 — 수강생 약 100명
- // 새 개발자 10명 배출
- // 멘토링 · 코드 리뷰
- // 한국어 · 일본어 · 영어
일하는 방식
요건을 코드보다
먼저 잡습니다
기획·요건정의부터 화면 상세 설계(Figma)와 UT/IT 테스트 설계까지. 무엇을 왜 만드는지가 정해져야 코드가 짧아집니다.
풀사이클로
구현합니다
프론트엔드 + BFF(GraphQL) + 데이터 API를 한 손으로. 애자일로 짧게 반복하고, 티켓이 없어도 버그를 찾아 직접 티켓을 만들고 고칩니다.
배포하고
운영까지 책임집니다
CI/CD 연계, EOL 대응, 전체 리팩토링, Sentry 로그 설계. 만들면 끝까지 배포하고, 배포한 뒤에도 성능과 로그를 봅니다.
ABOUT ME — 양동화 (@jsontype) · Y-SYSTEMS
일본의 핀테크·AI·에듀테크·리걸테크·통신 현장에서 설계부터 배포·운영까지 맡아 온 프론트엔드·풀사이클 엔지니어입니다. 가장 오래 몸담은 N사에서는 4년 가까이 카드 결제 부정이용 방지 시스템의 프론트엔드를 전담했고, 주말에는 약 100명의 학생을 가르쳐 10명의 새 개발자를 배출했습니다.
- 경력
-
Z사 (HR 테크) — AI 채용 면접 지원 · CSR→SSR · Sentry
-
N사 (일본 최대 IT) — 카드 결제 부정이용 방지 · 프론트엔드 전담
-
C사 · C사 · P사 — AI 교과서 · 전자계약 CLM · 의료 AI
-
E사 — 청각장애인 ASR 앱 · 법률 PDF 검색
-
S사 (대형 통신) — 5G 실내 시뮬레이션 · 알코올 측정 앱
-
A사 (산업 AI) — 공장 불량 검사 AI
TECH STACK
-
React · Next
SPA · SSR
React · Next
SPA · SSR
React · Next
SPA · SSR
React · Next
SPA · SSR
-
Vue · Nuxt
N사 4년 · 스크래치 설계
Vue · Nuxt
Vue 2 · SCSS
Vue · Nuxt
Vue 2 · SCSS
Vue · Nuxt
Vue 2 · SCSS
-
TypeScript
타입 설계 · 테스트
TypeScript
Jest · Cypress
TypeScript
Jest · Cypress
TypeScript
Jest · Cypress
-
GraphQL · Node
BFF · 데이터 API
GraphQL · Node
Express · BFF
GraphQL · Node
Express · BFF
GraphQL · Node
Express · BFF
-
Cloud · CI/CD
AWS · GCP · Docker · Cloudflare
Cloud · CI/CD
AWS · GCP · Docker
Cloud · CI/CD
AWS · GCP · Docker
Cloud · CI/CD
AWS · GCP · Docker
FIELDS
일본의 핀테크·AI·에듀테크·리걸테크·통신 현장에서 15건의 프로젝트를 맡았습니다. 각 건은 설계·구현·배포·운영이 한 사람 안에서 이어진 기록입니다.
15건의 프로젝트.
6개 분야. 한 사람의 풀사이클.
IMPACT HIGHLIGHTS
“1년 넘게 아무도 손대지 못한 과제 — 전체 코드 최적화·리팩토링, CI/CD 연계, EOL 대응 — 를 해결했습니다. 약 4년간 프론트엔드 전체를 전담하며 처음으로 풀사이클 엔지니어가 된 곳입니다.”
“입사 직후 성능 40% 향상. CSR→SSR 전환과 Sentry 로그 설계, 고난도 비동기 처리 제어를 맡아 스타트업이 큰 회사로 성장하는 데 기여했습니다.”
“검사 시스템에 AI를 연동해 불량률을 극적으로 줄였고, 대형 자동차·전자 메이커에 납품했습니다.”
“주말 강의로 약 100명을 가르쳐 10명의 새 개발자를 배출했습니다. 코딩 레슨에서 만드는 법과 함께 ‘왜’를 가르칩니다.”
// 프로젝트
0 +
핀테크 · AI · 에듀테크
리걸테크 · 통신 — 일본 현장
// broodev 웹앱
0 +
설치 없이, 13개 언어로
전부 라이브 · 전부 무료
// 배출한 개발자
0 +
주말 강의 · 수강생 약 100명
코딩 레슨 · 멘토링
broodev 앱 — 15개 전부 라이브
게임 · 암호화폐 · 학습
3 apps
설치 없이 링크 하나로 쓰는 무료 웹앱. 13개 언어.
BROODEV.COM 열기- 앱:
- // SAMURAI_TACTICS_2 — 한 줄 전장 턴제 검술 로그라이크
- // BTC_SIGNAL — 15종 코인 공포·탐욕 지수 · 매수 타이밍 점수
- // VOCA_DECK — 깜빡이 단어암기장 · CSV · TTS
극지 · 아프리카
3 apps
정보가 닿지 않는 곳의 날씨·정전·환율·생활 데이터를 한 화면에.
GREENLAND 열기- 앱:
- // GREENLAND_INFO — 15개 마을 날씨·조석·오로라·극야
- // AFRICA_UTILITY — 정전·환율·송금 실효비용·USSD
- // NUNAVUT_PANEL — 캐나다 북극권 날씨·생활 정보
아시아 · 카리브 · 태평양
9 apps
나라별 생활 인포패널 — 재해 경보·환율·정부 조회·달력 변환.
MONGOLIA 열기- 앱:
- // MONGOL_PANEL — 울란바토르 대기질·날씨·환율
- // NEPAL_PANEL — 비크람 삼바트 달력·루피 환율·산악 날씨
- // PINAS_PANEL — 태풍 시그널·환율·정부 조회
- // BANGLA_PANEL — 홍수·사이클론 경보·로드셰딩
- // CARIB_PANEL — 허리케인 대비·정전·환율
- // PACIFIC_PANEL — 남태평양 사이클론·해양·시즌
- // PAKISTAN_UTILITY — 로드셰딩·PKR 환율·생활 유틸
- // LANKA_PANEL — 정전·기차·환율·시험 조회
- // STAN_PANEL — 중앙아시아 5국 돈·서류·생활 유틸
자주 묻는
질문
어떤 일을 맡길 수 있나요?
React·Next·Vue·Nuxt 기반 웹 프론트엔드의 설계·구현·배포·운영 전 주기. BFF(GraphQL)·데이터 API 설계, 13개 언어 다국어 운영, SEO·OG, CI/CD·Sentry 로그까지 한 사람이 맡습니다.
어디서, 어떤 언어로 일하나요?
도쿄 거점. 도쿄·서울·리모트 모두 가능하고, 한국어·일본어·영어로 소통합니다. 일본 현장에서 일본어로 설계 문서와 테스트 설계까지 써 왔습니다.
어떤 현장에서 일했나요?
핀테크·AI·에듀테크·리걸테크·통신 프로젝트 15건. 가장 오래 몸담은 곳은 N사(일본 최대 IT 기업)의 카드 결제 부정이용 방지 시스템으로, 약 4년간 프론트엔드 전체를 전담했습니다. 회사명은 이 페이지에서 이니셜로만 적습니다.
broodev는 뭔가요?
밤에 만드는 15개의 무료 웹앱입니다. 코인 매수 타이밍 시그널, 깜빡이 단어암기장, 사무라이 택틱스, 극지·아프리카· 아시아 생활 인포패널 — 설치 없이 링크 하나로, 13개 언어로 씁니다.
강의·멘토링도 하나요?
네. 주말 강의로 약 100명을 가르쳐 10명의 새 개발자를 배출했고, 지금도 코딩 레슨을 합니다. 만드는 법과 함께 “왜”를 가르칩니다.
