์บฃ์(Catxi)๋ ๊ฐํจ๋ฆญ๋ํ๊ต ์บ ํผ์ค ๊ทผ์ฒ์์ ํ์๋ค์ด ์์ ํ๊ณ ์ ๋ ดํ๊ฒ ํ์๋ฅผ ํจ๊ป ์ด์ฉํ ์ ์๋๋ก ๋๋ ์ค์๊ฐ ํ์ ํฉ์น ํ๋ซํผ์ ๋๋ค.
์ถ๋ฐ์ง, ์๊ฐ, ์ธ์์ ์ค์ ํด ํ์๋ฅผ ํจ๊ป ํ ์ฌ๋์ ๋ชจ์งํ๊ณ , ์ค์๊ฐ ์ฑํ ์ ํตํด ์ปค๋ฎค๋์ผ์ด์ ํ๋ฉฐ ๋น ๋ฅด๊ณ ๊ฐํธํ๊ฒ ํฉ์น์ ๋งค์นญํ ์ ์์ต๋๋ค.
์ฑํ ๋ฐฉ์์ ์ค๋น์๋ฃ๋ ์ธ์๋ค์ ์๋ก์ ์์น๋ฅผ ์ง๋๋ฅผ ํตํด ์ค์๊ฐ์ผ๋ก ๊ณต์ ํ์ฌ ์ ๋ขฐ์ฑ์ ๋ํฉ๋๋ค.
-
pnpm / Vite: ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ํจํค์ง ์ค์น ๋ฐ ํ๋ก ํธ์๋ ๋น๋ ํ๊ฒฝ
-
Tailwind CSS: ์ ํธ๋ฆฌํฐ ๊ธฐ๋ฐ CSS ํ๋ ์์ํฌ
-
@tailwindcss/vite: Vite์์ Tailwind CSS๋ฅผ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๋๋ก ์ง์ํ๋ ํ๋ฌ๊ทธ์ธ
-
React: ์ปดํฌ๋ํธ ๊ธฐ๋ฐ UI ๊ฐ๋ฐ์ ์ํ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ
-
react-router-dom: SPA ๋ผ์ฐํ ์ฒ๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
-
Axios: REST API์ ํต์ ํ๊ธฐ ์ํ HTTP ํด๋ผ์ด์ธํธ
-
react-hook-form: ์ ์ธ์ ์ด๊ณ ๊ฐ๊ฒฐํ ํผ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
-
@hookform/resolvers / Zod: react-hook-form๊ณผ ํจ๊ป ์ฌ์ฉํ๋ ์ ํจ์ฑ ๊ฒ์ฌ ๋ฐ ์คํค๋ง ๊ฒ์ฆ ๋๊ตฌ
-
@tanstack/react-query: ์๋ฒ ์ํ(fetching, caching ๋ฑ)๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
-
@tanstack/react-query-devtools: React Query ์ํ๋ฅผ ์๊ฐ์ ์ผ๋ก ๋๋ฒ๊น ํ ์ ์๋ ๊ฐ๋ฐ ๋๊ตฌ
-
react-intersection-observer: ๋ทฐํฌํธ ์ง์ ์ฌ๋ถ๋ฅผ ๊ฐ์งํ๋ Intersection Observer ๊ตฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
-
clsx: ์กฐ๊ฑด๋ถ className ์กฐํฉ์ ๊ฐํธํ๊ฒ ํ ์ ์๋ ์ ํธ ํจ์
-
vite-plugin-svgr: SVG ํ์ผ์ React ์ปดํฌ๋ํธ๋ก ๋ณํํด ์ฌ์ฉํ ์ ์๋๋ก ํ๋ Vite ํ๋ฌ๊ทธ์ธ
-
vite-plugin-pwa: PWA(Progressive Web App) ์ง์์ ์ํ Vite ํ๋ฌ๊ทธ์ธ
-
sockjs-client / webstomp-client: STOMP ํ๋กํ ์ฝ ๊ธฐ๋ฐ์ ์ค์๊ฐ WebSocket ํต์ ์ ์ํ ํด๋ผ์ด์ธํธ
-
react-mobile-picker-scroll: ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์ ์ฌ์ฉํ ์ ์๋ ์คํฌ๋กคํ ์ ํ ํผ์ปค UI
- Spring Boot: Java ๊ธฐ๋ฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ํ๋ ์์ํฌ
- Java 17: ์ต์ LTS ๋ฒ์ ์ Java
- Spring Security + JWT: ์ธ์ฆ ๋ฐ ๊ถํ ์ฒ๋ฆฌ
- Redis Pub/Sub: ์ค์๊ฐ ์ฑํ ๋ฉ์์ง ์ ํ
- MySQL: ๊ด๊ณํ ๋ฐ์ดํฐ๋ฒ ์ด์ค
- JPA (Hibernate): ORM ํ๋ ์์ํฌ
- WebSocket (STOMP): ์ค์๊ฐ ์ฑํ ๊ธฐ๋ฅ ๊ตฌํ
- AWS EC2: ์ ํ๋ฆฌ์ผ์ด์ ์๋ฒ ํธ์คํ
- AWS RDS (MySQL): ๊ด๋ฆฌํ ๋ฐ์ดํฐ๋ฒ ์ด์ค
- AWS S3: ์ด๋ฏธ์ง ๋ฐ ํ์ผ ์ ๋ก๋ ์คํ ๋ฆฌ์ง
- Nginx: ๋ฆฌ๋ฒ์ค ํ๋ก์ ๋ฐ SSL ์ธ์ฆ ์ฒ๋ฆฌ
- Docker: ์ปจํ ์ด๋ ๊ธฐ๋ฐ ํ๊ฒฝ ๊ตฌ์ฑ
- Jenkins: CI/CD ํ์ดํ๋ผ์ธ ๊ตฌ์ถ ๋ฐ ์๋ ๋ฐฐํฌ
- GitHub Actions: ํ ์คํธ ๋ฐ ์ฝ๋ ํ์ง ๊ฒ์ฌ ์๋ํ
- Shell Script: SSH๋ฅผ ์ด์ฉํ ์๋ฒ ๋ฐฐํฌ ์๋ํ
- Discord Webhook: ๋ฐฐํฌ ๋ฐ ์ฅ์ ์๋ฆผ ์ ์ก
- GitHub Projects / Issues: ์ด์ ๋ฐ ํ๋ก์ ํธ ๊ด๋ฆฌ
- Notion: ๋ฌธ์ ํ์ ๋ฐ ์ผ์ ๊ด๋ฆฌ
- Figma: UI/UX ๋์์ธ ํ์
- Discord: ํ ์ปค๋ฎค๋์ผ์ด์
PM / Backend | Backend | Backend | Backend | Frontend | Frontend | Designer |
---|---|---|---|---|---|---|
์ด๋์ค |
์ด๊ฐ์ |
์ต๋ฏผ์ |
๋ฐ๊ท๋ฏผ |
๊ณ ๋ฏผ๊ท |
์ฑ์ฐ |
์ด์์ฐ |