๋ธ๋ก๊ทธ : https://velog.io/@heresyoonjin/posts
2024.06. ~ ์งํ ์ค ์ฌ์ฉํ ๊ธฐ์ ์คํ - TypeScript, React, Next.js, tailwind css, react-query ๋ด๋น
- ์ ๊ฒ์์ ์ํ ์น๋ทฐ ๊ฐ๋ฐ ๋ฐ ๋ฐฐํฌ (๋ฐฐํฌ๋งํฌ: https://webview.suldak.co.kr/liquor/search ๊นํ๋ธ: https://github.com/suldak/suldak-webview ) react-query ์ปค์คํ ํ ์ ์ฌ์ฉํด ์ต์ ๊ฒ์์ด ๋ฐ์์ค๊ธฐ ๋ฐ ์ญ์ , ๊ฒ์์ด ๋ญํน๊ณผ ์ถ์ฒ๊ฒ์์ด ์ฐ๊ฒฐ ๊ตฌํ ๊ฒ์ ์ ๊ฒฐ๊ณผ ํ๋ฉด์ผ๋ก ๋ผ์ฐํธ ํ useSearchParams๋ฅผ ์ฌ์ฉํด ๊ฒ์์ด ํํฐ๋ง ํ ๊ฒ์๊ฒฐ๊ณผ ๋ ๋๋ง
- ์ฑ ๊ฐ์ด๋ ์น๋ทฐ (https://webview.suldak.co.kr/guide) useRef์ Intersection Observer๋ฅผ ์ฌ์ฉํด ์คํฌ๋กค ์์น ์กฐ์ & ํ์ฌ ์คํฌ๋กค ์์น๋ฅผ ํญ๋ฐ์ ์ํ๋ฐ์
- ๋๋ฉํ์ด์ง (๋ฐฐํฌ๋งํฌ: https://www.suldak.me/ ๊นํ๋ธ: https://github.com/suldak/web-mono ) pnpm ํ๊ฒฝ์ผ๋ก ๋ง์ด๊ทธ๋ ์ด์ ์ฌ์ ์์ฝ api ์ฐ๊ฒฐ ๋ฐ ํ์์๊ฐ, ๋ฌธ์๋ฅผ ์ํ ํ์ด์ง๋ค์ ๋ฐ์ํ ๊ตฌํ
2024.01. ~ 2024.02 (ํ์ฌ ๋ฐฐํฌ์ค๋จ) ์ฌ์ฉํ ๊ธฐ์ ์คํ - TypeScript, React, Next.js, tailwind css, react-query ๊นํ๋ธ ๋งํฌ: https://github.com/bookstore-README/front_bookstore-README ๋ด๋น
- ๋ฉ์ธํ์ด์ง react-query ์ปค์คํ ํ ์ ์ฌ์ฉํด ๋์ ์ ๋ณด api ์ฐ๊ฒฐ, ๋ฐ์ํ UI
- ๊ฒฐ์ ํฌํธ์ ํ ์คํธ ๊ฒฐ์ api ์ฐ๊ฒฐ์ ํตํ ๊ฒฐ์ ๊ธฐ๋ฅ ๊ตฌํ Jotai๋ฅผ ์ฌ์ฉํด ์ ์ญ๋ณ์๋ก ์ฃผ๋ฌธ ๋ด์ญ ์ ์ฅ
- ๊ณตํต์ปดํฌ๋ํธ ์ ์ด ๋ก๊ทธ์ธ ์ฌ๋ถ / ํ์ด์ง๋ณ ๋ถ๊ธฐ์ ๋ฐ๋ผ ์ปดํฌ๋ํธ ์ ์ด


