์ ์ด ๋ฐฉ์์ ์ ํํ๋์ง ์ค๋ช ํ ์ ์๋ ์ฝ๋๋ฅผ ์ง๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ๋๋ค.
- ์ฌํ์จ ๋ฎ์ ๋ฒ๊ทธ๋ ์๋น์ค ์์ ์ฑ ๊ด์ ์์ ์์ธ์ ๋๊น์ง ์ถ์ ํฉ๋๋ค.
- ์ฌ๋ฌ ๋์ ์ค ํ๋๋ฅผ ๊ณ ๋ฅผ ๋ ํธ๋ ์ด๋์คํ๋ฅผ ๋จผ์ ๋น๊ตํฉ๋๋ค.
- Lighthouse 90์ ์ด์์ฒ๋ผ, ๊ฒฐ๊ณผ๋ฅผ ์์น๋ก ๊ฒ์ฆํ๋ ๊ฑธ ์ข์ํฉ๋๋ค.
B2B API ํธ๋ํฝ ์ ์ด ๊ด๋ฆฌ์ ์ฝ์ (STCLAB, 2025.11 ~ 2026.05)
- ๋ด๋น์ ์์ด ๋ฐฉ์น๋ ์ฝ์์ ์ธ์๋ฐ์, ์ฌํ์จ ๋ฎ์ ๋ฌดํ ๋ก๋ฉ ๋ฒ๊ทธ๋ฅผ ์์ธ(useRef ํด๋ก์ )๊น์ง ์ถ์ ํด ํด๊ฒฐ
- Grafana iframe ์๋ฒ ๋ฉ ๊ธฐ๋ฐ ์ค์๊ฐ ๋ชจ๋ํฐ๋ง ๋์๋ณด๋ ์ ๊ท ๊ฐ๋ฐ
- React ยท React Query ยท Ant Design ยท MUI
์์ค ์ด์ด์ฐ๊ธฐ ํ์ ์ฐฝ์ ์๋น์ค
- ํ ํฐ ์ ์ฅ ๋ฐฉ์ 3๊ฐ์ง(Zustand / localStorage / HttpOnly ์ฟ ํค)๋ฅผ ๋น๊ตํด ๋ณด์ยทUX ํธ๋ ์ด๋์คํ ๋ถ์ ํ ๊ฒฐ์
- React Query ๋๊ด์ ์ ๋ฐ์ดํธ๋ก ์ข์์ ๋ฐ์ ์ฆ์ ๋ฐ์
- Next.js ยท React Query ยท react-hook-form ยท Supabase
- GitHub Repo
์ง์ญ ๊ธฐ๋ฐ ๋๊ตฌ ์ปค๋ฎค๋ํฐ (StompJS ์ค์๊ฐ ์ฑํ )
- WebSocket/STOMP ํ๋กํ ์ฝ์ ์ฒ์๋ถํฐ ํ์ตํด ์ฐ๊ฒฐยท๊ตฌ๋ ยท์ก์์ ์ง์ ๊ตฌํ
- ์ปค์ ๊ธฐ๋ฐ ํ์ด์ง๋ค์ด์ ์ค๊ณ๋ก ๋ฉ์์ง ๋์ ์ ๋ ๋๋ง ์ง์ฐ ์ฌ์ ๋ฐฉ์ง
- Next.js ยท TypeScript ยท StompJS ยท React Query
- GitHub Repo
AI ๊ธฐ๋ฐ ๋ถ๋งํฌ ๋ฆฌ๋ง์ธ๋ ์น์ฑ
- ์ ์ฅํ URL์ Claude API๊ฐ ์๋ ์์ฝยทํ๊น , ํฌ๋กค๋ง/AI ํธ์ถ์ Server Action์ผ๋ก ๋ถ๋ฆฌํด ํค ๋ ธ์ถ ๋ฐฉ์ง
- Next.js ยท Supabase ยท Claude API ยท TypeScript
- GitHub Repo
| STCLAB | Frontend Developer Intern | 2025.11 ~ 2026.05 |
| Goorm | Frontend Developer Intern | 2024.08 ~ 2024.12 |
| ์ฝ๋์ ํ๋ก ํธ์๋ ์คํ๋ฆฐํธ | 2025.04 ~ 2025.06 | |
| ๊ตฌ๋ฆ ์์นด๋ฐ๋ฏธ | Java Spring & React Fullstack 2๊ธฐ | 2023.08 ~ 2024.02 |
| ์ปดํจํฐ๊ณตํ ์กธ์ | 2020.02 |



