๐Ÿ—„

Portfolio

Search
ํฌํŠธํด๋ฆฌ์˜ค

ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

๋„์ž…๋ฐฐ๊ฒฝ

Cordova ๊ธฐ๋ฐ˜์˜ SPA(Single Page Application) ํ”„๋กœ์ ํŠธ์ธ ํด๋ผ์ด์–ธํŠธ ํ”„๋กœ์ ํŠธ๊ฐ€ ๊ธ‰๊ฒฉํ•˜๊ฒŒ ์ปค์ง์— ๋”ฐ๋ผ์„œ jQuery ๋ฅผ ํ†ตํ•ด์„œ Dom ์„ ๋ณ€๊ฒฝํ•˜๋Š” ์ฝ”๋“œ๊ฐ€ ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ํž˜๋“ค๊ฒŒ ๋จ.
React๋ฅผ ์‚ฌ์šฉํ•˜๋ ค ํ–ˆ์œผ๋‚˜, ๊ธฐ์กด์˜ popUp control ํ•จ์ˆ˜์™€ ํ˜ธํ™”์ด ์–ด๋ ค์šธ ๊ฒƒ ๊ฐ™๋‹ค๊ณ  ํŒ๋‹จํ•˜์—ฌ React์˜ ๊ฐœ๋…์„ ๋„์ž…ํ•œ ์ปค์Šคํ…€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ๋กœ ๊ฒฐ์ •

์š”๊ตฌ์‚ฌํ•ญ

๊ฐ€์ƒ๋”(Virtual DOM)์„ ํ†ตํ•ด์„œ ์‹ค์ œ DOM ์˜ ๋ณ€๊ฒฝ์— ๋”ฐ๋ฅด๋Š” ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ , ์ƒํƒœ๊ฐ’์„ ํ†ตํ•œ DOM์˜ ๋ณ€๊ฒฝ์„ ์ด๋ฃจ๋Š” Component ๊ฐœ๋…์ด ํ•„์š”ํ•จ.
๊ทธ๋ฆฌ๊ณ  ๊ธฐ์กด์˜ ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ๋ฅผ (ํŠนํžˆ popup ๊ตฌ์กฐ ๊ด€๋ จ) ์œ ์ง€ํ•˜๋ฉด์„œ ๋„์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ํ•„์š”

๊ตฌ์„ฑ

snabbdom ์˜ third party ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ snabby ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๊ตฌํ˜„ํ•จ. React ์—์„œ๋Š” props, state ๋กœ ๋‚˜๋‰˜์–ด์žˆ์ง€๋งŒ ํ•ด๋‹น ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—์„œ๋Š” ๋ชจ๋‘ props ๋ฅผ ํ†ตํ•ด์„œ ์ƒํƒœ๊ฐ’์„ ์ปจํŠธ๋กคํ•จ

๊ธฐ๊ฐ„

2019-01 ~ 2019-01

๊ตฌํ˜„

๊ธ‰๊ตฌ ํ”„๋ก ํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ œ์ž‘

ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

๊ธฐ์กด์— ์žˆ๋˜ ํ•œ ์ค‘๊ตญ์ธ์ด ๋งŒ๋“  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ react-native-datepicker๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค๊ฐ€ ๊ณ„์† ์—…๋ฐ์ดํŠธ๊ฐ€ ๋˜์ง€ ์•Š๊ณ (๋งˆ์ง€๋ง‰ ์ปค๋ฐ‹์ด 2๋…„ ์ „์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ), deprecated ๋œ ํ•จ์ˆ˜๋“ค์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ์‹ฌํ”Œํ•œ ๊ธฐ๋Šฅ์ด์ง€๋งŒ ์—ฌ๋Ÿฌ๋ชจ๋กœ ์˜ค๋ž˜๋œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ์„œ ์ˆ˜์ •ํ•ด์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์˜ฌ๋ฆผ

๊ธฐ๊ฐ„

2019-10 ~ 2019-10

๋ณ€๊ฒฝ์ 

โ€ข
IOS ์• ๋‹ˆ๋ฉ”์ด์…˜ ํผํฌ๋จผ์Šค ๊ฐœ์„  ๊ธฐ์กด์— IOS Modal ํŒ์—… ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋ฒ„๋ฒ…๊ฑฐ๋ฆฌ๋˜ ํ˜„์ƒ ์ˆ˜์ •
โ€ข
Typescript ํ™”
โ€ข
deprecated ๋œ ํ•จ์ˆ˜๋“ค ์ƒˆ๋กœ์šด ํ•จ์ˆ˜๋กœ ๋ณ€๊ฒฝ

github ์ฃผ์†Œ

react-native-datepicker
์ฐธ์ฐธ

์„œ๋น„์Šค ๊ฐœ์š”

ํ™”์žฅํ’ˆ ์ •๋ณด๋“ค์„ ๋ชจ์•„์„œ ์ •๋ณด๋ฅผ ์–ป๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด์„œ ์ถ”์ฒœ ๋ฐ ๋ฆฌ๋ทฐ๋“ค์„ ๋ชจ์œผ๋Š” ์„œ๋น„์Šค

์—ญํ• 

Front-end 2๋ช…, Back-end 1๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋œ ํŒ€์—์„œ Front lead ๋กœ ์ž‘์—… ์ง„ํ–‰

๊ธฐ๊ฐ„

2020-06 ~ 2022-04

๊ธฐ์ˆ  ์Šคํƒ

โ€ข
React-Native
โ€ข
typescript
โ€ข
Mobx (mst)
โ€ข
graphql
ํž›ํ”Œ

์„œ๋น„์Šค ๊ฐœ์š”

๋ฆฌํƒ€๊ฒŸํŒ…์ด ๊ฐ€๋Šฅํ•œ ๋งํฌ๋ฅผ ์ƒ์„ฑํ•ด์ฃผ๋Š” ๋งˆ์ผ€ํŒ… B2B SaaS.

์—ญํ• 

Front-end 2๋ช…, Back-end 2๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋œ ํŒ€์—์„œ Front lead ๋กœ ์ž‘์—… ์ง„ํ–‰

๊ธฐ๊ฐ„

2021-06 ~ 2022-01

๊ธฐ์ˆ  ์Šคํƒ

โ€ข
React
โ€ข
typescript
โ€ข
Mobx
โ€ข
Apollo graphql
โ€ข
Apollo Client

๊ฐœ๋ฐœ ์ด์Šˆ ๋ฐ ๋ฌธ์ œ ํ•ด๊ฒฐ ๊ฒฝํ—˜

Rebitly

์„œ๋น„์Šค ๊ฐœ์š”

ํ† ํฐ์„ ๋ฐœํ–‰ํ•˜์—ฌ ์ž๊ธˆ์„ ๋ชจ์œผ๊ณ , ์˜ˆ์น˜(Stake) ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์ด์ž๋ฅผ ์ง€๊ธ‰ํ•˜๊ณ , ํ† ํฐ์„ Bond ๋ฅผ ํ†ตํ•ด์„œ ํŒ๋งคํ•˜๋Š” Defi ์„œ๋น„์Šค๋ฅผ ๋Ÿฐ์นญ. Trapeza ๋Š” BNB ๋„คํŠธ์›Œํฌ, Ignite Protocol ์€ Klaytn ๋„คํŠธ์›Œํฌ ์œ„์—์„œ ๋งŒ๋“ค์–ด์กŒ๋‹ค.

๊ธฐ๊ฐ„

2021-12 ~ 2022-06
Block-Chain Defi Service

์„œ๋น„์Šค ๊ฐœ์š”

Google Drive ์™€ ๊ฐ™์ด ํด๋ผ์šฐ๋“œ ์Šคํ† ๋ฆฌ์ง€๋ฅผ ๊ธฐ์—… ๋Œ€์ƒ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค (B2B)

์—ญํ• 

Web Front-end 2๋ช…, IOS, Android ๊ฐ 1๋ช…, ๋ฐฑ์—”๋“œ 4๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋œ ํŒ€์—์„œ web front ์— ์†ํ•จ. Front ๋ฆฌ๋“œ๊ธ‰์œผ๋กœ ํ™œ๋™.

๊ธฐ๊ฐ„

2022-10 ~ ํ˜„์žฌ

๊ธฐ์ˆ  ์Šคํƒ

โ€ข
React
โ€ข
Mobx

๊ฐœ๋ฐœ ์ด์Šˆ ๋ฐ ๋ฌธ์ œ ํ•ด๊ฒฐ ๊ฒฝํ—˜

DirectCloud