- ๋ฆฌ์กํธ ๊ฐ๋ฐ ํ๊ฒฝ ์ค์ ์ ์ํด VS ์ฝ๋์ Node.js ์ค์น๊ฐ ํ์์ ์ ๋๋ค. ๐ป
npx create-vite@latest๋ช ๋ น์ด๋ฅผ ํตํด React ํ๋ก์ ํธ๋ฅผ ๋น ๋ฅด๊ฒ ์์ฑํ ์ ์์ต๋๋ค. ๐npm install๋ก ํ๋ก์ ํธ ์์กด์ฑ์ ์ค์นํ๊ณ ,npm run dev๋ก ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์คํํฉ๋๋ค. โ๏ธ- React ์ปดํฌ๋ํธ๋ ํจ์ํ ์ปดํฌ๋ํธ(FC) ํํ๋ก ๋ง๋ค ์ ์์ผ๋ฉฐ,
export default๋ก ์ธ๋ถ ๋ ธ์ถํฉ๋๋ค. ๐ฆ - CSS Flexbox๋ ์ปจํ ์ด๋ ๋ด ์์ดํ ๋ฐฐ์น๋ฅผ ์ ์ฐํ๊ฒ ๊ด๋ฆฌํ๋ ๋ฐ ์ ์ฉํฉ๋๋ค. ๐งฐ
flex-direction์์ฑ์ผ๋ก Flexbox์ ์ฃผ์ถ ๋ฐฉํฅ(๊ฐ๋ก/์ธ๋ก)์ ์ค์ ํ ์ ์์ต๋๋ค. ๐justify-content์์ฑ์ ์ฃผ์ถ ๋ฐฉํฅ์ผ๋ก ์์ดํ ์ ์ ๋ ฌํ๋ฉฐ,align-items๋ ๊ต์ฐจ์ถ ๋ฐฉํฅ์ผ๋ก ์ ๋ ฌํฉ๋๋ค. ๐
Recommanded Videos
Build a Complete E-Commerce Shop with Next.js 14, Tailwind, React | Full Course 2024
2024. 5. 5.
Claude Computer Use Agent (Fully Tested) : THIS IS The BEST Computer Controlling AI Agent Ever!
2024. 10. 22.
Django Project Tutorial: Build an AI Slack Bot | Django, Celery, Upstash, LlamaIndex, OpenAI + more
2024. 4. 27.
sp05_ChatGPT์๊ฒ ๋งคํฌ๋ก ์ฝ๋ ์์ฒญํ๊ธฐ | ํ์ฌ์์ ๋ฐ๋ก ํตํ๋ ์ค๋ฌด ์์ (๊ฐ์ ํ) | ํ์์ | ํ๋น๋ฏธ๋์ด |
2025. 6. 11.
GSAP Is Now 100% FREE
2025. 5. 17.
AI Image Generation using Nextjs, Vercel AI SDK, & FAL Stable Diffusion
2024. 7. 4.