๊ฐ๋ฐ์ ํ ๋๊ฐ ๊ฐ์ฅ ํ๋ณตํ ๊ฐ๋ฐ์ ์ ๋ฏผ๊ธฐ์ ๋๋ค.
React + TypeScript + Vite ๊ธฐ์ ์คํ์ ๊ธฐ๋ฐ์ผ๋ก ํ ํ์คํ ์น ๊ฐ๋ฐ ๊ฒฝํ์ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ,
์ฌ์ฉ์ ๊ฒฝํ์ ์ค์ํ๋ ์ง๊ด์ ์ด๊ณ ์๋ฆ๋ค์ด ์ธํฐํ์ด์ค ๊ตฌํ์ ์ง์คํ๊ณ ์์ต๋๋ค.
- React + TypeScript + Vite ๊ธฐ์ ์คํ์ ๊ธฐ๋ฐ์ผ๋ก ํ ํ์คํ ์น ๊ฐ๋ฐ ๊ฒฝํ
- Melpik ์๋ฅ ๋์ฌ ์๋น์ค์ ์ ์ฒด ์ํ๊ณ ๊ตฌํ ๊ฒฝํ (ํ๋ก ํธ์๋ ์ํคํ ์ฒ ์ค๊ณ๋ถํฐ ๋ฐฐํฌ๊น์ง)
- ์ฝ๋ ํ์ง ๋ฐ ๊ฐ๋ฐ ํจ์จ์ฑ ์ค์
- TypeScript strict ๋ชจ๋, ESLint + Prettier + Husky๋ฅผ ํตํ ์๋ํ๋ ์ฝ๋ ํ์ง ๊ด๋ฆฌ
- Jest + React Testing Library๋ฅผ ํตํ ํ ์คํธ ์ปค๋ฒ๋ฆฌ์ง ํ๋ณด
- Storybook์ ํ์ฉํ ์ปดํฌ๋ํธ ๋ฌธ์ํ
- ์ฌ์ฉ์ ๊ฒฝํ ์ต์ ํ์ ๋ํ ๊น์ ์ดํด
- ๋ฐ์ํ ๋์์ธ, ๋ชจ๋ฐ์ผ ์ต์ ํ, ์ ๊ทผ์ฑ(a11y), ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ํฌํจ UX/UI ์ค๊ณ ๋ฐ ๊ตฌํ ๋ด๋น
- Styled Components ๊ธฐ๋ฐ ๋์์ธ ์์คํ ๊ตฌ์ถ
- ๋ณต์กํ ๋น์ฆ๋์ค ๋ก์ง ๊ตฌํ ์ ๋ฌธ์ฑ
- ์ฌ์ฉ์ ์ธ์ฆ, ์ํ ๊ด๋ฆฌ, ๋ ํ ์๋น์ค, ๊ฒฐ์ , ์ค์ผ์ค๋ง ์์คํ ๋ฑ ํต์ฌ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ด๋ฆฌ์ ๋์๋ณด๋ ๋ฐ์ดํฐ ๊ด๋ฆฌ ๋ฐ ๋ชจ๋ํฐ๋ง ์์คํ ๊ตฌ์ถ
- ์ง์์ ์ธ ํ์ต ๋ฐ ๊ธฐ์ ์ ์ฉ ์ค์
- React 18/19 ์ต์ ๊ธฐ๋ฅ, Vite ๋น๋ ๋๊ตฌ, ๋ชจ๋ TypeScript ํจํด ์ ๊ทน ๋์
- React Query, React Hook Form ๋ฑ ์ต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ฉ
- Git ๊ธฐ๋ฐ ๋ฒ์ ๊ด๋ฆฌ ๋ฐ CI/CD ํ์ดํ๋ผ์ธ์ ํตํ ์์ ์ ์ธ ๋ฐฐํฌ ํ๋ก์ธ์ค ๊ตฌ์ถ
| Category | Technologies |
|---|---|
| โจ Frontend | |
| โก Libraries & Tools | |
| ๐ง State Management | |
| ๐ฑ Mobile & Cross-platform | |
| ๐ฅ๏ธ Backend & Database | |
| ๐ฎ DevOps & Tools |
| Feature | Description |
|---|---|
| ๐ฑ ๋ฐ์ํ ์น ๋์์ธ | ๋ชจ๋ ๋๋ฐ์ด์ค์์ ์๋ฒฝํ ์ฌ์ฉ์ ๊ฒฝํ |
| ๐จ ๋ชจ๋ UI/UX | Figma ๊ธฐ๋ฐ ์ฌ์ฉ์ ์ค์ฌ ์ธํฐํ์ด์ค |
| โก ์ต์ ํ๋ ์ฑ๋ฅ | Vite์ Next.js๋ฅผ ํ์ฉํ ๋น ๋ฅธ ๋ก๋ฉ |
| ๐ง ์ต์ ๊ธฐ์ ์คํ | React, TypeScript, Tailwind CSS |
- ๐ง Email: dbalsrl7648@gmail.com
- ๐ฑ Phone: 010-5351-7648
- ๐ Blog: https://dbalsrl7648.tistory.com/
- ๐ Portfolio: https://www.youminki.blog/
- ๐ GitHub: https://github.com/youminki
- ๐ธ Instagram: https://www.instagram.com/dbalsrl7648/
โญ ์ด ์ ์ฅ์๊ฐ ๋์์ด ๋์๋ค๋ฉด ์คํ๋ฅผ ๋๋ฌ์ฃผ์ธ์!