"์ฌ์ฉ์์ ์๋น์ค ํ๋ฆ์ ๊ฐ์ฅ ํฐ ๊ฐ์น๋ฅผ ์ฃผ๋๊ฐ"๋ฅผ ๋์์์ด ๊ณ ๋ฏผํ๋ 10๋ ์ฐจ ํ๋ก ํธ์๋ ์์ง๋์ด์ ๋๋ค.
๋จ์ํ ๊ธฐ๋ฅ ๊ตฌํ์ ๋์ด, ๋ณต์กํ ์ธํฐ๋์
๊ณผ ์
๋ ฅ ์ฒ๋ฆฌ ๋ฌธ์ ๋ฅผ ์ง์ํ๊ฒ ํ๊ณ ๋ค์ด ํด๊ฒฐํ๋ ๊ฒ์ ์ฆ๊น๋๋ค.
ํ์ ์์ฐ์ฑ์ ๋์ด๊ธฐ ์ํด ๋ฐ๋ณต๋๋ ์์
์ ์๋ํํ๊ณ , ํ์ํ ๋๊ตฌ(Library/CLI)๋ฅผ ์ง์ ์ค๊ณํ๊ณ ๋ง๋ค์ด๋ด๋ ๋น๋(Builder)ํ ๊ฐ๋ฐ์์
๋๋ค.
๊ธฐ์ ์์ฒด๋ณด๋ค๋ ๊ธฐ์ ์ด ๋ง๋ค์ด๋ด๋ ์ค์ ๊ฒฝํ๊ณผ ๊ฐ์น์ ์ง์คํ๋ฉฐ, ์ฝ๋๊ฐ ์์ฑ๋๋ ์๊ฐ๋ณด๋ค ๊ทธ ์ฝ๋๊ฐ ์ฌ์ฉ์์๊ฒ ๋ฟ๋ ์๊ฐ์ ๋ ์ค์ํ๊ฒ ์๊ฐํฉ๋๋ค.
๋ ๋ณด๊ธฐ
์ค๋ซ๋์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ํด์ค๋ฉด์ ๋๋ ๊ฒ์, ๊ฒฐ๊ตญ ๊ฐ๋ฐ์๋ ์ฝ๋๋ฅผ ์ ์ง๋ ์ฌ๋์ด ์๋๋ผ โ์ง๊ธ ๋ฌด์์ด ๊ฐ์ฅ ํฐ ๊ฐ์น๋ฅผ ๋ง๋๋๊ฐโ๋ฅผ ํ๋จํ ์ค ์๋ ์ฌ๋์ด๋ผ๋ ์ ์ ๋๋ค. ๊ธฐ์ ์ ํ์ด๋ ๊ตฌ์กฐ ์ค๊ณ๋ ์ธํฐ๋์ ๊ตฌํ์ด๋ , ๋ฐฉํฅ์ ๊ฒฐ์ ํ๋ ๊ธฐ์ค์ ํญ์ ์ฌ์ฉ์์ ์๋น์ค์ ํ๋ฆ์ ์์ด์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ์ง ์ญ์ ์ฝ๋ ์์ฒด์ ์์ฑ๋๊ฐ ์๋๋ผ, ๊ทธ ์๊ฐ ๊ผญ ํด๊ฒฐํด์ผ ํ๋ ๋ฌธ์ ๋ฅผ ์ผ๋ง๋ ์ ํํ๊ฒ ํ์ด๋๋์ง์ ์ํด ๊ฒฐ์ ๋๋ค๊ณ ๋ฏฟ์ต๋๋ค.
๋๋ฃ๋ค์ด ๋ ํธํ๊ฒ ์ผํ ์ ์๋ ํ๊ฒฝ์ ๋ง๋ญ๋๋ค.
- react-query-helper: API ํจ์ ๊ธฐ๋ฐ React Query ํ /์ต์ ์๋ ์์ฑ CLI.
- shadcn2: shadcn/ui ํจํด์ ํ์ฅํ ์ปดํฌ๋ํธ ์
- heybit-ui-styled-components: styled-components ๊ธฐ๋ฐ์ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ UI ์ปดํฌ๋ํธ ํจํค์ง (NPM).
- koreanscript: ํ๊ธ ํค์๋ ๊ธฐ๋ฐ TypeScript ํธ๋์คํ์ผ๋ฌ ๋ฐ ํ์ ๊ฒ์ฌ ๋๊ตฌ.
์น ํ๊ฒฝ์์์ ๋ณต์กํ ์ ๋ ฅ ์ฒ๋ฆฌ์ ๋ง์ดํฌ๋ก ์ธํฐ๋์ ์ ๊น์ด ์๊ฒ ๋ค๋ฃน๋๋ค.
- Infinite-pager: ๋ฌดํ ์คํฌ๋กค ๋ฐ ํ์ด์ง ์ธํฐ๋์ ์ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ.
- easter-egg: ํค ์ํ์ค ๊ฐ์ง ๋ฐ ์ด๋ฒคํธ ํธ๋ฆฌ๊ฑฐ ์ ํธ๋ฆฌํฐ.
- virtual-keyboard: ํ๊ตญ์ด IME Composition ์ด์ ํด๊ฒฐ ๋ฐ ๋ชจ๋ฐ์ผ ๋ค์ดํฐ๋ธ ํค๋ณด๋ ์ ์ด.
๊ธฐ์ ์ ํตํด ์ด์ผ๊ธฐ์ ๊ฒฝํ์ ์ ๋ฌํฉ๋๋ค.
- visual-novel: JSON ์๋๋ฆฌ์ค ๊ธฐ๋ฐ ์น ๋น์ฃผ์ผ ๋ ธ๋ธ ์์ง (์ ์ฅ/๋ถ๋ฌ์ค๊ธฐ, ๋ถ๊ธฐ ์ฒ๋ฆฌ).
- uiwwnw.github.io: ์ฃผ๋์ด๋ ๊ฐ์ธ ํฌํธํด๋ฆฌ์ค.
- ์ฌ๋์ ๋์ ์ฉ ์๋ฆ๋ต์ง ๋ชปํ๋ค. ( 2025. 12. 17. )
- "์ง๋ ์ฑ ์ผฐ๋ค๊ฐ ๋ ํฐ์ง ๋ปํด์ ์ง์ ๋ง๋ค์์ต๋๋ค" (feat. UI๋ง 5๋ฒ ์์ ์ฐ) ( 2025. 12. 09. )
- ์ต์ ๋์ ๊ฒฝ๊ณ, ์ข ๋ก3๊ฐ์ญ ( 2025. 12. 09. )
- ๋ณด์ด์ง ์๋ ์ ( 2025. 12. 02. )
- ๋ด์ฌ ํ ๋ผ ( 2025. 11. 24. )
์ ๋ชฉ๋ก์ GitHub Actions๋ก ๋งค์ผ ์๋ ๊ฐฑ์ ๋ฉ๋๋ค.
- ๋ง์ง์(ongoing): ์ปคํ๋ค์ ์ํ ์ฑ
- ๋๊ณ (dealgo)(ongoing): ์๋์ฐจ ํ๋ก๋ชจ์ ์ ๋ณด ์ ๊ณต ๋ฐ ํฌ๋กค๋ง ์๋น์ค (Ionic + Crawler).
- Yes or No(ongoing): ํซํ ์ฃผ์ ์ ๋ํ ํฌํ ๋ฐ ๊ฒฐ๊ณผ ํ์ธ ํ ์ด ์ฑ.
- ์ํธํํ ์๋ํฌ์ ํ์ดํ๋ผ์ธ(active): ์ ๋ต ์๋ํ ๋ฐ ๋ฐฑํ ์คํ ์์คํ ์ค๊ณ.
- ๋จธ๋ญํธ๋ฆฝ(active): 1๊ฐ ์ด์ ๊ฒ์ํ ๋ ์ ์ฉํ ์ฌํ ์ ๋ณด ์๋น์ค.
- prepay(closed): ์๊ธฐ๋ก ์์ฑ๋๋ ๊ฒฐ์ ๋ค์ qrcode์ฃผ๋ฌธ ๋ฐ ์ค์๊ฐ ์๋ฆผ, ๊ธฐ๋ก์ ํ๋ ์น์๋น์ค.
- ์ฐ๋ฆฌ๋ทฐ(closed): ๋ฆฌ๋ทฐ ํ๋ซํผ. ๊ถ๋ฆฌ์นจํด๋ผ๋ ์ด์ ๋ก ๋ฆฌ๋ทฐ๋ฅผ ๊ฐ๋ ํ๋ ์์คํ ๋ฌธ์ ์ ๋ํด, ๋ชจ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ณด๊ฒ ํ๋, ๋ฆฌ๋ทฐ๋ฅผ ๋ฆฌ๋ทฐํจ์ผ๋ก์จ ๋ง์ด๋์ค๋ฆฌ๋ทฐ๋ ๋ชจ์์ดํฌ์ฒ๋ฆฌ๋๋ ํ๋ซํผ
ํ์ ์ ์์ด๋ ์ปคํผ์ฑ์ ์ธ์ ๋ ํ์ํฉ๋๋ค.
- Email: uiwwsw@icloud.com
- LinkedIn: linkedin.com/in/uiwwsw
- Portfolio: uiwwsw.github.io