๐ ๏ธ Skills & Tools ๐ ๏ธ
> frontend :
html- ์๋งจํฑ ํ๊ทธ๋ฅผ ํ์ฉํ์ฌ ์ ๊ทผ์ฑ์ ๊ณ ๋ คํ ๊ตฌ์กฐ๋ฅผ ์ค๊ณํฉ๋๋ค. css- ๋ฐ์ํ, ํคํ๋ ์, ๋ค์ํ ์ ํ์์ ์ต์ํฉ๋๋ค. js- ๋น๋๊ธฐ, ES6+, web api ์ฌ์ฉ์ ์ต์ํฉ๋๋ค. ts- ์ ๋ค๋ฆญ, ์ ํธ๋ฆฌํฐ ํ์
๋ฑ์ ํ์ฉํ์ฌ ์์ ํ ์ฝ๋๋ฅผ ์์ฑํฉ๋๋ค. tailwind- ์ ํธ๋ฆฌํฐ ํด๋์ค ์ปค์คํฐ๋ง์ด์ง์ ์ต์ํฉ๋๋ค. sass- ๋ณ์, ์ค์ฒฉ, ๋ฏน์ค์ธ์ ํ์ฉํ์ฌ ๊น๋ค๋ก์ด UI๋ฅผ ๊ตฌํํฉ๋๋ค. styled-components- ํ์ํ ๊ฒฝ์ฐ ๋์ ์คํ์ผ๋ง์ ์ํด ์ฌ์ฉํฉ๋๋ค. react- react 19 ์ ๋ฌธ๋ฒ์ ์ต์ํฉ๋๋ค. svelte- svelte-kit์ ์ฌ์ฉํ ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ต๋๋ค. next- SSG, ISR, SSR, CSR์ ์ต์ ํํ์ฌ ์ฌ์ฉํ ์ ์์ต๋๋ค. vue- vue3๋ฅผ ์ฌ์ฉํ ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ต๋๋ค. react-query- prefetch, infinite, optimistic ๋ฑ์ ์์ ๋กญ๊ฒ ์ฌ์ฉํฉ๋๋ค. redux- RTK, thunk, saga ๋ฑ์ ํ์ฉํ์ฌ ์ํ ๊ด๋ฆฌ๋ฅผ ํ ์ ์์ต๋๋ค. zustand- ๊ฐ๋ณ๊ณ ์ฝ๊ฒ ์ ์ญ์ํ๊ด๋ฆฌ๋ฅผ ์ํํฉ๋๋ค. react-hook-form- form ๊ด๋ฆฌ๋ฅผ ํจ์จ์ ์ผ๋ก ํ ์ ์์ต๋๋ค. framer-motion- ๋ณต์กํ ์ ๋๋ฉ์ด์
์ ์์ฝ๊ฒ ๊ตฌํํฉ๋๋ค. turborepo- ๋ชจ๋
ธ๋ ํฌ ํ๋ก์ ํธ๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์์ต๋๋ค. three.js- ์น์์ 3D ํ๊ฒฝ์ ๊ตฌํํ ์ ์์ต๋๋ค. firebase- firestore, auth, storage, realtime ์ ์ต์ํฉ๋๋ค. supabase- postgres, realtime, auth, storage ์ ์ต์ํฉ๋๋ค. graphql- graphql์ ์ฌ์ฉํ ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ต๋๋ค. hasura- hasura๋ฅผ ์ฌ์ฉํ ํ๋ก์ ํธ ๊ฒฝํ์ด ์์ต๋๋ค. > backend :
node.js- node.js, express๋ฅผ ์ฌ์ฉํ์ฌ REST๋ฅผ ๊ตฌ์ถํ ์ ์์ต๋๋ค. nest.js- nest.js๋ฅผ ์ฌ์ฉํ์ฌ REST๋ฅผ ๊ตฌ์ถํ ์ ์์ต๋๋ค. fastapi- fastapi๋ฅผ ์ฌ์ฉํ์ฌ REST๋ฅผ ๊ตฌ์ถํ ์ ์์ต๋๋ค.