2020
국민대학교
공간디자인학과 학사
사람이 공간을 어떻게 지나가는지, 무엇이 레이아웃을 읽히게 만드는지 고민한 4년. 그것은 UI가 던지는 질문과 같았고, 그래서 전환은 직업을 바꾼다기보다 재료를 바꾸는 일에 가까웠습니다.
소개Hawoon Joh 조하운서울, 대한민국
NOOWAH
Hawoon Joh 조하운 · 누와
프로덕트 엔지니어 — 프론트엔드부터 플랫폼까지
저는 제품을 처음부터 끝까지 만듭니다. 프론트엔드에서 시작했지만 — Next.js와 TypeScript — 흥미로운 문제들은 한 계층에 머무르지 않았기에 계속 범위를 넓혀왔습니다. 지금은 작은 엔지니어링 팀을 이끌고, 제품 라인을 기획하고, 그것을 배포하는 파이프라인까지 맡고 있습니다.
직선 경로는 아니었습니다. 공간디자인을 전공했고, 개발과 무관한 일을 했고, 백엔드 부트캠프를 거친 뒤 프론트엔드를 독학했습니다. 매 단계마다 같은 선택을 했습니다. 그 일에 필요한 것을 그때그때 배우는 것.
- 역할
- 프로덕트 엔지니어
- 거주
- 서울, 대한민국
- 핸들
- NOOWAH (누와)
- 재직
- 2022 — CloudHospital
- 팀
- 엔지니어 4–8명
- 글
- 블로그
지나온 길
공간디자인에서 프로덕션 인프라까지, 한 번에 한 걸음씩 독학으로.
2020–21
디자인 실무
개발이 아닌 일, 그리고 커지는 갈증
소프트웨어 곁에서 일하면서도 직접 만들 수 없다는 사실은 금방 답답해졌습니다. 파일을 넘기고 기대하는 쪽이 아니라, 직접 만들어 내보내는 쪽이 되고 싶었습니다.
2021
부트캠프
백엔드부터 — Java와 SQL
클라이언트보다 서버를 먼저 배웠습니다. 포트폴리오 관점에서는 순서가 거꾸로지만, 쿼리의 비용과 스키마의 생김새를 안다는 것은 이후 모든 프론트엔드 결정에서 조용히 쓸모가 있었습니다.
2021–22
독학
프론트엔드로
React, 이어서 Next.js와 TypeScript를 실제로 동작해야 하는 것들을 만들며 익혔습니다. 수료증은 없고, 대신 갈수록 어려워지는 프로젝트가 쌓였습니다.
2022
CloudHospital
입사, 그리고 리드
프론트엔드를 만들기 위해 합류했지만 결국 그 주변의 플랫폼 전체를 맡게 되었습니다. 마케팅 사이트와 CMS, SEO, 성능, 그리고 결국 배포 파이프라인까지. 지금은 4~8명의 팀을 이끌고 있습니다.
현재
Synolink
제품 라인 기획
synolink.ai를 처음부터 끝까지 총괄하고 있습니다. 세 개의 제품, 하나의 모듈형 스위트. 지금까지 맡은 것 중 가장 큰 일이자, 아키텍처 결정이 온전히 제 몫인 첫 번째 일입니다.
매 단계마다, 그 일에 필요한 다음 것을 스스로 배웠습니다.
P / 01성능과 SEO는 제품의 기능입니다. 나중에 치울 일이 아니라.
P / 02만들 것을 만들어 주는 도구를 만듭니다.
P / 03POC 수준에서 멈추지 않습니다. 디테일까지 파고듭니다.
하는 일
CloudHospital에서 icloudhospital.com과 백오피스의 프론트엔드, 그리고 마케팅 사이트와 그 뒤의 CMS를 맡고 있습니다. 만드는 것은 일의 절반이었습니다.
나머지 절반은 그 결과물이 누군가에게 도달하는지를 결정하는 모든 것입니다. 검색과 GEO 노출, 페이지 성능, 그리고 트래픽을 전환으로 바꿀 만큼 면밀하게 읽어내는 일. P/01과 같은 원칙입니다. 이것은 유지보수가 아니라 제품 업무입니다.
icloudhospital.com 플랫폼 + 백오피스플랫폼
마케팅 사이트와 CMS프로덕트
SEO 및 GEO 개선그로스
웹 성능성능
트래픽 분석과 전환그로스
지속적인 유지보수운영
박스아웃 — 01
고객 병원을 위한 SaaS 배포 자동화
고객 병원마다 별도의 배포본이 필요합니다. 손으로 하면 몇 곳을 넘기지 못하기에, 자동으로 프로비저닝하고 배포하는 파이프라인을 만들었습니다. 클러스터 워크로드, GitOps 기반 릴리스, 그리고 콘솔을 건드리지 않고 테넌트별로 연결되는 DNS까지.
Kubernetes · ArgoCD · Azure DNS · GoDaddy
신규 제품 라인 — synolink.ai
온라인 비즈니스를 운영하기 위한 모듈형 SaaS 스위트. 각 제품은 단독으로 쓸 수도, 서로의 확장 기능으로 붙여 쓸 수도 있습니다.
기획부터 실행까지 총괄.
01
02cms.synolink.ai
비주얼 웹 빌더개발 중
Webflow와 Squarespace 급의 빌더. AI 콘텐츠 생성, SEO·GEO에 최적화된 결과물, 그리고 글로벌 리드와 마케팅을 위한 i18n을 기본으로 갖췄습니다.
inbox.synolink.ai
옴니채널 메시징운영 중
모든 채널의 고객 대화를 하나의 인박스로 모으는 채널 제공자.
03
ehr.synolink.ai
의료 EHR개발 중
전자의무기록 플랫폼. 별도의 사일로로 떨어져 있지 않고 같은 스위트 안에 맞물리도록 설계했습니다.
프론트엔드
Next.js, TypeScript, React, Tailwind CSS, Motion
플랫폼
Kubernetes, ArgoCD, Azure, GitHub Actions, CI/CD, Vercel
실무
SEO / GEO, 웹 성능, 분석과 전환, i18n, 디자인 시스템, 팀 리딩
작업대 위
a/
AI 에이전트와 LLM 도구
Synolink CMS 안에서 생성형 콘텐츠로 이미 동작 중. 흥미로운 부분은 그 다음에 무엇까지 맡길 수 있는가입니다.
b/
더 깊은 인프라
Kubernetes와 ArgoCD는 매일 씁니다. 지금 메우고 있는 빈틈은 옵저버빌리티입니다.
c/
디자인 엔지니어링
모션, 3D, 비주얼 에디터. 디자인 전공이 아직도 값을 하는 영역입니다.
퇴근 후
a/
시계
모딩과 시계 제작. 무브먼트는 손에 쥘 수 있는 시스템입니다. 수백 개의 부품, 추상화 계층 없음, 그리고 시간이 맞거나 맞지 않거나 둘 중 하나. 일을 제대로 끝내는 법을 이보다 잘 가르쳐준 것은 없습니다.
b/
음악
일하는 시간 대부분, 그리고 일하지 않는 시간 대부분에도 틀어둡니다.
c/
헬스와 러닝
백로그도 코드 리뷰도 없는 유일한 시간.
Fig. 2 — 입력값. P/03은 시계 작업에서 나왔습니다. 작업대 위에 열어놓은 이상, 어떤 것도 POC로 남지 않습니다.
사이드 프로젝트
P/02 — 만들 것을 만들어 주는 도구를 만든다. 세 가지 증거.
shadcn/ui RJSF 폼 빌더
ReactJSON Schemashadcn/ui폼 빌더
shadcn/ui 컴포넌트와 react-jsonschema-form을 활용한 폼 빌더. JSON Schema로부터 동적 폼을 생성하는 비주얼 빌더 인터페이스를 제공합니다.
CMS 콘텐츠 빌더
UI 에디터CMSStorybook컴포넌트 라이브러리
컴포넌트 기반 아키텍처로 설계된 비주얼 UI 에디터 및 콘텐츠 빌더. 드래그 앤 드롭으로 리치 콘텐츠 레이아웃을 구성합니다.
node-pr-versioning
GitHub ActionNode.js자동화CI/CD
PR 라벨을 통해 Node.js 패키지 버저닝을 자동화하는 GitHub Action. major/minor/patch 버전 업, 모노레포 경로, 커스텀 커밋 메시지, 태그 생성, dry-run 모드를 지원합니다.
함께
멋진 것을 만들어요.
연락하기Syne와 Outfit으로 조판. Next.js, Tailwind CSS, Motion으로 제작.
About — Issue 01 · 서울 · 2026
— 끝 —