Skip to content
View uiwwsw's full-sized avatar

Block or report uiwwsw

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
uiwwsw/README.md

Changwon Yoon ยท Frontend Engineer

Email LinkedIn GitHub @uiwwnw GitHub @brewstar Portfolio Demo


๐Ÿงญ About Me

"์‚ฌ์šฉ์ž์™€ ์„œ๋น„์Šค ํ๋ฆ„์— ๊ฐ€์žฅ ํฐ ๊ฐ€์น˜๋ฅผ ์ฃผ๋Š”๊ฐ€"๋ฅผ ๋Š์ž„์—†์ด ๊ณ ๋ฏผํ•˜๋Š” 10๋…„ ์ฐจ ํ”„๋ก ํŠธ์—”๋“œ ์—”์ง€๋‹ˆ์–ด์ž…๋‹ˆ๋‹ค.

๋‹จ์ˆœํ•œ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ๋„˜์–ด, ๋ณต์žกํ•œ ์ธํ„ฐ๋ž™์…˜๊ณผ ์ž…๋ ฅ ์ฒ˜๋ฆฌ ๋ฌธ์ œ๋ฅผ ์ง‘์š”ํ•˜๊ฒŒ ํŒŒ๊ณ ๋“ค์–ด ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์„ ์ฆ๊น๋‹ˆ๋‹ค.
ํŒ€์˜ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ๋ฐ˜๋ณต๋˜๋Š” ์ž‘์—…์„ ์ž๋™ํ™”ํ•˜๊ณ , ํ•„์š”ํ•œ ๋„๊ตฌ(Library/CLI)๋ฅผ ์ง์ ‘ ์„ค๊ณ„ํ•˜๊ณ  ๋งŒ๋“ค์–ด๋‚ด๋Š” ๋นŒ๋”(Builder)ํ˜• ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.

๊ธฐ์ˆ  ์ž์ฒด๋ณด๋‹ค๋Š” ๊ธฐ์ˆ ์ด ๋งŒ๋“ค์–ด๋‚ด๋Š” ์‹ค์ œ ๊ฒฝํ—˜๊ณผ ๊ฐ€์น˜์— ์ง‘์ค‘ํ•˜๋ฉฐ, ์ฝ”๋“œ๊ฐ€ ์ž‘์„ฑ๋˜๋Š” ์ˆœ๊ฐ„๋ณด๋‹ค ๊ทธ ์ฝ”๋“œ๊ฐ€ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋‹ฟ๋Š” ์ˆœ๊ฐ„์„ ๋” ์ค‘์š”ํ•˜๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋” ๋ณด๊ธฐ

์˜ค๋žซ๋™์•ˆ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ•ด์˜ค๋ฉด์„œ ๋А๋‚€ ๊ฒƒ์€, ๊ฒฐ๊ตญ ๊ฐœ๋ฐœ์ž๋Š” ์ฝ”๋“œ๋ฅผ ์ž˜ ์งœ๋Š” ์‚ฌ๋žŒ์ด ์•„๋‹ˆ๋ผ โ€˜์ง€๊ธˆ ๋ฌด์—‡์ด ๊ฐ€์žฅ ํฐ ๊ฐ€์น˜๋ฅผ ๋งŒ๋“œ๋Š”๊ฐ€โ€™๋ฅผ ํŒ๋‹จํ•  ์ค„ ์•„๋Š” ์‚ฌ๋žŒ์ด๋ผ๋Š” ์ ์ž…๋‹ˆ๋‹ค. ๊ธฐ์ˆ  ์„ ํƒ์ด๋“  ๊ตฌ์กฐ ์„ค๊ณ„๋“  ์ธํ„ฐ๋ž™์…˜ ๊ตฌํ˜„์ด๋“ , ๋ฐฉํ–ฅ์„ ๊ฒฐ์ •ํ•˜๋Š” ๊ธฐ์ค€์€ ํ•ญ์ƒ ์‚ฌ์šฉ์ž์™€ ์„œ๋น„์Šค์˜ ํ๋ฆ„์— ์žˆ์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ’ˆ์งˆ ์—ญ์‹œ ์ฝ”๋“œ ์ž์ฒด์˜ ์™„์„ฑ๋„๊ฐ€ ์•„๋‹ˆ๋ผ, ๊ทธ ์ˆœ๊ฐ„ ๊ผญ ํ•ด๊ฒฐํ•ด์•ผ ํ–ˆ๋˜ ๋ฌธ์ œ๋ฅผ ์–ผ๋งˆ๋‚˜ ์ •ํ™•ํ•˜๊ฒŒ ํ’€์–ด๋ƒˆ๋Š”์ง€์— ์˜ํ•ด ๊ฒฐ์ •๋œ๋‹ค๊ณ  ๋ฏฟ์Šต๋‹ˆ๋‹ค.

๐Ÿš€ Key Competencies

1. DX(Developer Experience) & Tools

๋™๋ฃŒ๋“ค์ด ๋” ํŽธํ•˜๊ฒŒ ์ผํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

  • react-query-helper: API ํ•จ์ˆ˜ ๊ธฐ๋ฐ˜ React Query ํ›…/์˜ต์…˜ ์ž๋™ ์ƒ์„ฑ CLI.
  • shadcn2: shadcn/ui ํŒจํ„ด์„ ํ™•์žฅํ•œ ์ปดํฌ๋„ŒํŠธ ์…‹
  • heybit-ui-styled-components: styled-components ๊ธฐ๋ฐ˜์˜ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ UI ์ปดํฌ๋„ŒํŠธ ํŒจํ‚ค์ง€ (NPM).
  • koreanscript: ํ•œ๊ธ€ ํ‚ค์›Œ๋“œ ๊ธฐ๋ฐ˜ TypeScript ํŠธ๋žœ์ŠคํŒŒ์ผ๋Ÿฌ ๋ฐ ํƒ€์ž… ๊ฒ€์‚ฌ ๋„๊ตฌ.

2. Core Interaction & Input Handling

์›น ํ™˜๊ฒฝ์—์„œ์˜ ๋ณต์žกํ•œ ์ž…๋ ฅ ์ฒ˜๋ฆฌ์™€ ๋งˆ์ดํฌ๋กœ ์ธํ„ฐ๋ž™์…˜์„ ๊นŠ์ด ์žˆ๊ฒŒ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

  • Infinite-pager: ๋ฌดํ•œ ์Šคํฌ๋กค ๋ฐ ํŽ˜์ด์ง• ์ธํ„ฐ๋ž™์…˜ ์ œ์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ.
  • easter-egg: ํ‚ค ์‹œํ€€์Šค ๊ฐ์ง€ ๋ฐ ์ด๋ฒคํŠธ ํŠธ๋ฆฌ๊ฑฐ ์œ ํ‹ธ๋ฆฌํ‹ฐ.
  • virtual-keyboard: ํ•œ๊ตญ์–ด IME Composition ์ด์Šˆ ํ•ด๊ฒฐ ๋ฐ ๋ชจ๋ฐ”์ผ ๋„ค์ดํ‹ฐ๋ธŒ ํ‚ค๋ณด๋“œ ์ œ์–ด.

3. Product & Storytelling

๊ธฐ์ˆ ์„ ํ†ตํ•ด ์ด์•ผ๊ธฐ์™€ ๊ฒฝํ—˜์„ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.

  • visual-novel: JSON ์‹œ๋‚˜๋ฆฌ์˜ค ๊ธฐ๋ฐ˜ ์›น ๋น„์ฃผ์–ผ ๋…ธ๋ธ” ์—”์ง„ (์ €์žฅ/๋ถˆ๋Ÿฌ์˜ค๊ธฐ, ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ).
  • uiwwnw.github.io: ์ฃผ๋‹ˆ์–ด๋•Œ ๊ฐœ์ธ ํฌํŠธํด๋ฆฌ์˜ค.

๐Ÿ“ Latest Blog Posts

์œ„ ๋ชฉ๋ก์€ GitHub Actions๋กœ ๋งค์ผ ์ž๋™ ๊ฐฑ์‹ ๋ฉ๋‹ˆ๋‹ค.

๐Ÿšง Current Projects

  • ๋งŒ์ง€์ž‘(ongoing): ์ปคํ”Œ๋“ค์„ ์œ„ํ•œ ์•ฑ
  • ๋”œ๊ณ (dealgo)(ongoing): ์ž๋™์ฐจ ํ”„๋กœ๋ชจ์…˜ ์ •๋ณด ์ œ๊ณต ๋ฐ ํฌ๋กค๋ง ์„œ๋น„์Šค (Ionic + Crawler).
  • Yes or No(ongoing): ํ•ซํ•œ ์ฃผ์ œ์— ๋Œ€ํ•œ ํˆฌํ‘œ ๋ฐ ๊ฒฐ๊ณผ ํ™•์ธ ํ† ์ด ์•ฑ.
  • ์•”ํ˜ธํ™”ํ ์ž๋™ํˆฌ์ž ํŒŒ์ดํ”„๋ผ์ธ(active): ์ „๋žต ์ž๋™ํ™” ๋ฐ ๋ฐฑํ…Œ์ŠคํŒ… ์‹œ์Šคํ…œ ์„ค๊ณ„.
  • ๋จธ๋žญํŠธ๋ฆฝ(active): 1๊ฐœ ์ด์ƒ ๊ฒ€์ƒ‰ํ•  ๋•Œ ์œ ์šฉํ•œ ์—ฌํ–‰ ์ •๋ณด ์„œ๋น„์Šค.
  • prepay(closed): ์ˆ˜๊ธฐ๋กœ ์ž‘์„ฑ๋˜๋Š” ๊ฒฐ์ œ๋“ค์— qrcode์ฃผ๋ฌธ ๋ฐ ์‹ค์‹œ๊ฐ„ ์•Œ๋ฆผ, ๊ธฐ๋ก์„ ํ•˜๋Š” ์›น์„œ๋น„์Šค.
  • ์ฐ๋ฆฌ๋ทฐ(closed): ๋ฆฌ๋ทฐ ํ”Œ๋žซํผ. ๊ถŒ๋ฆฌ์นจํ•ด๋ผ๋Š” ์ด์œ ๋กœ ๋ฆฌ๋ทฐ๋ฅผ ๊ฐ๋…ํ•˜๋Š” ์‹œ์Šคํ…œ๋ฌธ์ œ์— ๋Œ€ํ•ด, ๋ชจ๋“  ๋ฆฌ๋ทฐ๋ฅผ ๋ณด๊ฒŒ ํ•˜๋˜, ๋ฆฌ๋ทฐ๋ฅผ ๋ฆฌ๋ทฐํ•จ์œผ๋กœ์จ ๋งˆ์ด๋„ˆ์Šค๋ฆฌ๋ทฐ๋Š” ๋ชจ์ž์ดํฌ์ฒ˜๋ฆฌ๋˜๋Š” ํ”Œ๋žซํผ

๐Ÿ“ฎ Contact

ํ˜‘์—… ์ œ์•ˆ์ด๋‚˜ ์ปคํ”ผ์ฑ—์€ ์–ธ์ œ๋‚˜ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค.

Pinned Loading

  1. virtual-keyboard virtual-keyboard Public

    ํ•œ๊ธ€์˜ ์ปดํฌ์ง• ์ด์Šˆ๋ฅผ ํ•ด๊ฒฐํ•œ ์ธํ’‹ ์ปดํฌ๋„ŒํŠธ

    TypeScript

  2. visual-novel visual-novel Public

    visual-novel

    TypeScript

  3. react-query-helper react-query-helper Public

    react-query-helper

    TypeScript