
Resolving packages...
About
Interface Enthusiast (UI & API, Interoperable Architecture)
Contact
Work Experience
Leadership
ยท UX์์คํ
์ค (ํ๋ก ํธ์๋์ฝ์ด ํ, ๋์์ธ์์คํ
ํ) ๋ฆฌ๋
ยท ํ๋ก ํธ์๋์ฝ์ด ํ ๋ฆฌ๋
ยท ํ๋ก ํธ์๋ ์ฑํฐ ๋ฆฌ๋
Engineering
ยท ์กฐํฉ๊ฐ๋ฅํ ํ๋ฌ๊ทธ์ธ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ๋ ์ ์ฌ ์น๋ทฐ ์์คํ
๊ฐ๋ฐ (Stackflow)
ยท ์คํค๋ง๋ฅผ ํตํ ์ธํฐํ์ด์ค ๋ฌธ์ ๋ฐ ์ฝ๋ ์์ฑ ์๋ํ ๋๊ตฌ ๊ฐ๋ฐ (Metabridge)
ยท SEO๋ฅผ ์ํ ์ฝํ
์ธ ํ๋ซํผ ๊ฐ๋ฐ (Jampot โ Jamstack Data-layer as a Service)
ยท ๋๋ฉํ์ด์ง CMS ๋ฐ SDK ๊ฐ๋ฐ (Landkit)
ยท ์น์ฌ์ดํธ ๊ธฐ์ฌ ์ํฌํ๋ก์ฐ ๊ฐ๋ฐ ๋ฐ ์ด์
ยท ํ
ํ๋ฆฟ ์ฝ๋๋ฅผ ํตํ ์ง์๊ฐ๋ฅํ ๊ธฐ์ ์จ๋ณด๋ฉ ๋ฌธ์
Product
ยท ์ต๊ทผ ๋ฐฉ๋ฌธํ ์๋น์ค ์คํ
Engineering
ยท WebView ํ๋ซํผ ๊ฐ๋ฐ (๋ธ๋ฆฟ์ง ์ธํฐํ์ด์ค, ๋ฐฐํฌ ์์คํ
๋ฑ)
ยท ํฅ์๋ Transition์ ํตํ WebView UI/UX ๊ฐ์ (Karrotframe)
ยท ์น์ฌ์ดํธ ํ๋ซํผ
Product
ยท ๋ด ๊ทผ์ฒ ํญ ๊ฐ๋ฐ ๋ฐ ์ด์
ยท ์ ๊ท ์๋น์ค ํ์คํ ๊ฐ๋ฐ (๋๋ค์๋ฐ, ๋น๊ทผ๋ฏธ๋ ๋ฑ)
ยท ์จ๋ํํฐ ์ฐ๋ SDK, OpenAPI ๊ฐ๋ฐ
ยท ์ค๊ณ ๊ฑฐ๋ ๊ฒ์ WebView ์ ํ
Engineering
ยท ์ค์๊ฐ ํ์๊ต์ก ์น ์ดํ๋ฆฌ์ผ์ด์
๊ฐ๋ฐ
ยท ์ค์๊ฐ ๋ฐ์ดํฐ ํต์ ๊ท์ฝ ๋ฐ ๋ ๋๋ง ์์ง ๊ฐ๋ฐ
ยท ํ๋ฌ๊ทธ์ธ ์์คํ
๊ณผ ํ์ฅ์ฑ ์๋ ์ค๊ณ
Product
ยท ๋ผ์ด๋ธ ๋ฐฉ์ก ํ๋ซํผ MVP ๊ฐ๋ฐ
ยท ์ฝ์ค๋กฑ์ธ๋์คํธ๋ฆฌ ๋ด ๊ธ๋ก๋ฒ ๋ธ๋๋ฉ ์น์ฌ์ดํธ๋ฅผ React.js ๊ธฐ๋ฐ์ผ๋ก ๊ฐํธ
ยท Headless CMS ํ์ฉ
Projects
ยท ์ธ์ฑ ์บ ํ์ธ ์ฉ ๋๋ฉํ์ด์ง ์๋ํ
, ๊ฐ๋ฐ, ๋ ๋๋ง ๋๊ตฌ
ยท ์ปค์คํ
์ปดํฌ๋ํธ ๊ตฌ์ถ ๊ธฐ๋ฅ (์ปดํฌ๋ํธ ๋ ์ง์คํธ๋ฆฌ ๋ฐ SDK)
ยท Vanilla Extract Sprinkes๋ฅผ ํ์ฉํด ์ปค์คํ
์ปดํฌ๋ํธ ๊ตฌํ์ ํ์ํ Atomic CSS ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ตฌ์ถ
ยท 1000๋ง ์์ค์ ์๊ฐ ํธ๋ํฝ์ ์บ์ฑ์ ์ํด Cloudflare CDN ํ์ฉ
ยท Cloudflare Image Optimization์ ํตํ Responsive Image ๊ตฌํ
ยท SEO ์ต์ ํ ๋ฐ ์ฌ์ดํธ๋งต ๊ตฌ์ถ ์ ๋ต ์๋ํ๋ฅผ ์ํ GraphQL ๊ธฐ๋ฐ ์ฝํ
์ธ ํ๋ซํผ ๋ฐฑ์๋
ยท Cache-Control ํค๋๋ฅผ ํ์ฉํ ํ์ค์ ์์ฐ์ค๋ฌ์ด ์บ์ ๊ธฐ๋ฅ
ยท Event-sourcing๋ก ๊ตฌ์ถ๋์ด ์ฌ์ฉ์์ ์ค์๋ก๋ถํฐ ๋ณต๊ตฌ(Rollback) ๊ฐ๋ฅ
ยท Node.js, Fastify, MongoDB, GraphQL
ยท ์กฐํฉ ๊ฐ๋ฅํ ํ๋ฌ๊ทธ์ธ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ๋ ์คํ ๋ค๋น๊ฒ์ด์
๋ผ์ด๋ธ๋ฌ๋ฆฌ
ยท Karrotframe์ ๋ฐ๋ฅ๋ถํฐ ๋ค์ ๊ตฌํ
ยท ์ด๋ฒคํธ ๊ธฐ๋ฐ์ ์ํ ๊ธฐ๊ณ ์ค๊ณ
ยท Zero-dependencies
ยท Third-party ์ฐ๋ Open API ๊ฐ๋ฐ
ยท Third-party ์ฐ๋ JavaScript SDK ๊ฐ๋ฐ
ยท ๋ด ๊ทผ์ฒ ํญ ๋ด "๋์ ์ฆ๊ฒจ์ฐพ๊ธฐ" ์น์
๊ฐ๋ฐ
ยท ๋ฏธ๋์ฑ ํ๋กํ, ๋ฆฌ๋ทฐ ๋ฑ ํ์คํ ๊ฐ๋ฐ
ยท Node.js, GraphQL, Relay
ยท ์ธํํน๊ณต๋, ๋ฏธ์, ํซํธ๋, ์บ์คํ
, ์ฒญ์์ฐ๊ตฌ์ ๋ฑ ์๋น์ค ์ถ์
ยท ์ ํด ์๋น์ค ๊ฐ๋ฐ์ ์ํ ์ ์ ์น ํธ์คํ
์๋น์ค
ยท Origin ๊ฒฉ๋ฆฌ (Custom Domain ํตํฉ)
ยท Cloudflare Workers, KV ํ์ฉ
ยท ์คํ ๋งฅ๋ฝ์ ๋๊ธฐ ํจ์๋ก ์ ๊ทผํ ์ ์๋๋ก `HTMLRewriter` API ํ์ฉ
ยท ๋น๊ทผ๋ง์ผ ํด๋ผ์ด์ธํธ์ ์ปฌ๋ฌ ์์คํ
๋ง์ด๊ทธ๋ ์ด์
TPM
ยท ์ ์ฌ ๊ท๋ชจ์ ๋ฆฌ์์ค ์ค๋๊ณผ ํ ๋ณ ์ผ์ ํ ๋น ๋ฐ ๊ด๋ฆฌ
ยท ๋น๊ทผ๋ง์ผ ๋ด ์ ๊ท ์๋น์ค๋ค์ ์ง์
๋ฌธ์ ๋ฅผ ๋๋ ๋ฐ๋ก๊ฐ๊ธฐ ์๋น์ค
ยท ํ ํญ ์๋จ์ ์์น ๋ง๋ จ ๋ฐ ๊ธฐํ ์คํ ์ค๊ณ
ยท ๋น๊ทผ๋ง์ผ์ ๋ค์ ์ธ๋ ์น์ฌ์ดํธ ๊ธฐ๋ฐ
ยท ๋ฐ์ดํฐ ๋ ์ด์ด(GraphQL)์ ํ์ด์ง ์ ์ ์์ฑ(Next.js) ์ค๊ณ ๋ฐ ๊ตฌํ
ยท ์ง์ญํ์ ์ ๋๋ฒ์ค ๋งํฌ๋ฅผ ๊ณ ๋ คํ Origin, Path ํ์ค
ยท SEO ์ต์ ํ
ยท ๋ชจ๋ฐ์ผ ๋ค์ดํฐ๋ธ(iOS/Android)์ ์น๋ทฐ๊ฐ์ IPC ์ธํฐํ์ด์ค๋ฅผ ์๋ ์์ฑํด์ฃผ๋ ๋๊ตฌ
ยท JSON Schema ๊ธฐ๋ฐ
ยท TypeScript SDK, TypeScript SDK ๋ฌธ์ ์๋์์ฑ
ยท Swift, Kotlin Stub ์๋ ์์ฑ
ยท ํ๋ฌ๊ทธ์ธ ์ธํฐํ์ด์ค๋ฅผ ํตํ ํ์ฅ์ฑ ๊ณ ๋ ค
ยท ์น๋ทฐ์ ์ ๋ฐ์ ์ธ UX ํฅ์์ ๋ชฉ์ ์ผ๋ก ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
ยท react-router-dom ๊ธฐ๋ฐ์ ๋ค์ดํฐ๋ธ ํ๋ฉด์ ํ ์ ๋๋ฉ์ด์
๋ผ์ด๋ธ๋ฌ๋ฆฌ
ยท ๋น๊ทผ๋ง์ผ ๋ด ์น๋ทฐ๋ฅผ ์ฌ์ฉํ๋ ์ ๊ท ์ฌ์
, ์๋น์ค์์ ํ์ฉ
ยท ๋น๊ทผ๋ง์ผ ๋ด ์ ๊ท ๊ตฌ์ธ๊ตฌ์ง ์๋น์ค
ยท ์ดํ๋ฆฌ์ผ์ด์
์๋ฒ ๊ฐ๋ฐ
ยท Node.js, GraphQL
ยท GraphQL JIT Executor ๋ฐ Persisted Queries๋ฅผ ํตํ GraphQL ํผํฌ๋จผ์ค ์ต์ ํ
ยท ๋น๊ทผ๋ง์ผ์ ์น๋ทฐ ๋ฐฐํฌ ํ๋ซํผ
ยท ๋กค๋ฐฑ ๋ฐ ์นด๋๋ฆฌ ๋ฐฐํฌ ๊ธฐ๋ฅ
ยท ์นด๋๋ฆฌ ๋ฐฐํฌ ๊ธฐ๋ฅ์ ํตํ AB ํ
์คํธ ์ฌ๋ด ์ ํ
ยท ๋น๊ทผ๋ง์ผ ๋ด ์ค๊ณ ๊ฑฐ๋ ๊ฒ์์ ์น๋ทฐ๋ก ์ ํ
ยท ๋ค์ดํฐ๋ธ ์์ค์ ์ ๋๋ฉ์ด์
์์
ยท GraphQL์ ํตํ gRPC ์๋น์ค ํตํฉ ํ๋ก์ ํธ
ยท ๊ฐ ๋ง์ดํฌ๋ก์๋น์ค๋ค์ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๋๋ก Aggregation
ยท ๋ง์ดํฌ๋ก์๋น์ค ๋ด ๋๋ฉ์ธ๊ฐ์ ๊ด๊ณ๋ฅผ GraphQL๋ก ํํ, ์ดํดํ๊ธฐ ์ฝ๋๋ก SDL๊ณผ GraphQL Voyager๋ก ์ ๊ณต
ยท ๋น๊ทผ๋ง์ผ ๋ด ๋
๋ฆฝ์ ์ธ ์ด๋๋ฏผ ์๋น์ค๋ค ๊ฐ์ ์ธ์
๊ณต์ ๋ฅผ ์ํ ์๋ฒ
ยท Node.js, GraphQL
ยท ์ ๋ฐ์ ์ธ ๋น๊ทผ๋ง์ผ iOS/Android ํด๋ผ์ด์ธํธ ๋ด WebView ๊ธฐ๋ฐ์ ๊ฐํธ
ยท iOS/Android ํด๋ผ์ด์ธํธ์์ ํต์ ๊ท์ฝ์ ์ ํ๊ณ , ๋ค์ดํฐ๋ธ ํตํฉ์ ๋ํ ์ํฌํ๋ก์ฐ๋ฅผ ์ ์
ยท JavaScript SDK ๋ฉ์ธํ
์ด๋
ยท ๋น๊ทผ๋ง์ผ์ 3๋ฒ์งธ ํญ์ธ ๋ด ๊ทผ์ฒ ํญ์ ์น๋ทฐ ํํ๋ก ๊ฐ๋ฐ.
ยท GraphQL Client Schema
ยท GraphQL Schema Stitching (@graphql-tools/stitch)
ยท Relay
ยท ๊ธฐ์กด์ 1.0 MVP๋ฅผ React.js๋ก ์ ํ
ยท Twilio Programmable Video ํ์ฉ
ยท iframe์ ํ์ฉํ ํ๋ฌ๊ทธ์ธ ์์คํ
๋ฐ SDK ๊ฐ๋ฐ
ยท Vue.js ๊ธฐ๋ฐ์ ์ค์๊ฐ ํ์๊ต์ก ์น์ฌ์ดํธ๋ฅผ ๊ฐ๋ฐ
ยท Twilio Programmable Video ํ์ฉ
Side Projects
ยท `.env.example` ์ ์ฝ์ด ํ๊ฒฝ๋ณ์๋ฅผ Validate ํด์ฃผ๋ ์ ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
ยท ๊ธฐ์กด ์๋ฌธ ์ธํฐํ์ด์ค๋ฅผ ํ๊ธ๋ก ๋ฐ๊พธ๊ณ ์์์ผ๋ก ์๋ฌ์ ์์ ์ด ํ์ํ ๋ด์ฉ์ ๊ฐ์กฐ
ยท Event-sourcing library built on MongoDB
ยท Nact.js์ MongoDB ํผ์์คํดํธ ํตํฉ