๊ฐ๋ฐ์๋ค์ ์ฝ๋ฉ ์คํ์ผ๊ณผ ์์ ๋ฐฉ์์ ๋ถ์ํ์ฌ 16๊ฐ์ง ๊ฐ๋ฐ์ ์ ํ์ ์ง๋จํ๋ ํ ์คํธ ์๋น์ค์ ๋๋ค.
- D (Decorator): ์์ธํ ์ฃผ์๊ณผ ๋ฌธ์ํ, ํํ์ ์ธ ์ฝ๋ ์ ํธ
- M (Minimal): ๋ฏธ๋๋ฉ๋ฆฌ์ฆ, ๊ฐ๊ฒฐํ๊ณ ํจ์ถ์ ์ธ ์ฝ๋ ์ ํธ
- C (Classic): ๊ฒ์ฆ๋ ์ ํต์ ํด๊ฒฐ์ฑ ์ ํธ
- E (Explorer): ์คํ์ ์ด๊ณ ํ์ ์ ์ธ ์ ๊ทผ ์ ํธ
- P (Performance): ์ฑ๋ฅ๊ณผ ๊ธฐ์ ์ ์์ฑ๋ ์ค์
- H (Harmony): ํ ํ์ ๊ณผ ์ ์ง๋ณด์์ฑ ์ค์
- A (Agile): ์ ์ฐํ๊ณ ๋ฐ๋ณต์ ์ธ ๊ฐ๋ฐ ๋ฐฉ์
- S (Structured): ์ฒด๊ณ์ ์ด๊ณ ๊ณํ์ ์ธ ๊ฐ๋ฐ ๋ฐฉ์
- 4๊ฐ ์ถ๋ณ 5๊ฐ ๋ฌธํญ (์ด 20๋ฌธํญ)
- 7๋จ๊ณ ๊ฐ์ค์น ์์คํ
- ์งํ ์ํ ํ์
- ์ํฉ ๊ธฐ๋ฐ ๊ฐ์ ์ง๋ฌธ ๋ฐฉ์
- ๋ต๋ณ ์ ์ ๊ธฐ๋ฐ ์ฑํฅ ๋ถ์
- ์ถ๋ณ ์ฑํฅ ๊ฐ๋ ๊ณ์ฐ
- 16๊ฐ์ง ์ ํ ํ๋กํ
- ์ ํ ์ฝ์์ ๋ณ๋ช
- ์ถ์ฒ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
- ๊ฐ๋ฐ์ ์ฑํฅ ๊ทธ๋ํ
- ์ฅ๋จ์ ๋ถ์
- ์ถ์ฒ ๊ฐ๋ฐ ํฌ์ง์
- ์ ๋ช ๊ฐ๋ฐ์ ๋๋ฃ
- ์ ํ ๊ถํฉ
- SNS ๊ณต์ ์ฉ ๊ฒฐ๊ณผ ์ด๋ฏธ์ง ์์ฑ
- URL ๊ณต์
- ํด๋ฆฝ๋ณด๋ ๋ณต์ฌ
- localStorage ๊ธฐ๋ฐ ๊ฒฐ๊ณผ ์ ์ฅ
- ํ ์คํธ ํ์คํ ๋ฆฌ
- ์ ์ฒด ์ ํ ๋ถํฌ ํต๊ณ
- Frontend: React + TypeScript
- ์คํ์ผ๋ง: Tailwind CSS
- ์ํ๊ด๋ฆฌ: localStorage
- ์ด๋ฏธ์ง ์์ฑ: html2canvas
- ๋ฐฐํฌ: Vercel
# ์์กด์ฑ ์ค์น
npm install
# ๊ฐ๋ฐ ์๋ฒ ์คํ (http://localhost:1594)
npm run dev
# ํ๋ก๋์
๋น๋
npm run build