๐ ํ๋ก์ ํธ ๊ฐ์
- ์งํ ๊ธฐ๊ฐ: 2025๋ 4์ 25์ผ ~ 5์ 7์ผ
- ํ ์ธ์: ์ด 5๋ช
- ์ฃผ์ : “์ฌํ”
- ๊ฐ๋ฐ ๋ฐฉ์: Front-End ๊ธฐ์ ๋ง ์ฌ์ฉ (๋ฐฑ์๋ ๋ฏธ์ฌ์ฉ)
- ํ์๊ด๋ฆฌ: GitHub
์ด๋ฒ ํ๋ก์ ํธ๋ ‘ํ๊ทธ ๊ธฐ๋ฐ ์ฌํ์ง ์ถ์ฒ ํ๋ซํผ’์ ์ฃผ์ ๋ก,
์ฌํ ๊ณํ์ ์ฝ๊ฒ ์ธ์ธ ์ ์๋ ์ฌ์ฉ์ ์ค์ฌ์ ์๋น์ค๋ฅผ ๋ง๋๋ ๊ฒ์ ๋ชฉํ๋ก ์งํํ์ต๋๋ค.
์ฌํ์ ๊ฐ๊ณ ์ถ์ง๋ง, ๊ณํ์ ๊ท์ฐฎ๋ค๋ ์ธ์ฌ์ดํธ์์ ์ถ๋ฐํด, ๋๊ตฌ๋ ํด๋ฆญ ๋ช ๋ฒ์ผ๋ก ์ฌํ์ง๋ฅผ ์ถ์ฒ๋ฐ๊ณ ,
AI๊ฐ ์ ์ํ๋ ์ผ์ ์ ํตํด ๋น ๋ฅด๊ฒ ์ฌํ ๊ณํ์ ์์ฑํ ์ ์๋๋ก ๊ธฐํํ์ต๋๋ค.
์ฌ์ฉ์๋ ๊ณ์ , ์ง์ญ, ํ ๋ง, ๋๋ฐ์ ๋ฑ ๋ค์ํ ์ฌํ ํ๊ทธ๋ฅผ ์ ํํด ์์ ์ ์ทจํฅ์ ๋ง๋ ์ฌํ์ง๋ฅผ ์ถ์ฒ๋ฐ์ ์ ์๊ณ ,
์ ํํ ์ฌํ์ง์ ๊ธฐ๊ฐ์ ๊ธฐ๋ฐ์ผ๋ก GPT๊ฐ ์๋ ์์ฑํ ์ผ์ ์ ํ์ธํ๊ณ ์ ์ฅํ ์ ์์ต๋๋ค.
๋ณต์กํ ์ ๋ ฅ ์์ด๋ ๋๋ง์ ์ฌํ ์ผ์ ์ ๋ง๋ค ์ ์๋ ๊ฒฝํ์ ์ ๊ณตํ๋ ๊ฒ์ด ์ด๋ฒ ํ๋ก์ ํธ์ ํต์ฌ์ด์์ต๋๋ค.
๐งฉ ์ฃผ์ ์งํ ๊ณผ์
๐ ์์ด๋์ด ๋์ถ & ๊ธฐํ
์ด๊ธฐ ์์ด๋์ด ํ์์์ “์ฌํ์ ๊ฐ๊ณ ์ถ์ง๋ง, ๊ณํ ์ง๋ ๊ฒ ๊ท์ฐฎ๋ค”๋ ๊ณตํต๋ ๋ฌธ์ ์์์ด ์์์ต๋๋ค.
์ด๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ํ๊ทธ ๊ธฐ๋ฐ ์ฌํ์ง ์ถ์ฒ + GPT ์ผ์ ์ถ์ฒ์ด๋ผ๋ ํํ๋ก ๋ฐฉํฅ์ ์ก์๊ณ ,
Figma๋ฅผ ํ์ฉํด ์์ด์ดํ๋ ์๋ ํจ๊ป ์ ์ํ์ต๋๋ค.
๐ ๏ธ ๊ฐ๋ฐ ํ๊ฒฝ ๋ฐ ๊ธฐ์ ์คํ
๐ป ๋งํฌ์
HTML, CSS : ๊ธฐ๋ณธ์ ์ธ ํ๋ฉด ๊ตฌ์ฑ ๋ฐ ์คํ์ผ๋ง์ ์ํด ์ฌ์ฉ
โ๏ธ ํ๋ ์์ํฌ
React : ์ต๊ทผ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ์ฃผ๋ก ์ฌ์ฉ๋๋ ๊ธฐ์ ์ด๋ฉฐ, ํ์๋ค๊ณผ ํจ๊ป ๋์ ํด๋ณด๊ณ ์ถ์ด์ ์ ํ
๐ ํ์ ๋ฐ ํ์๊ด๋ฆฌ
Git, GitHub : ์ฝ๋ ๋ฒ์ ๊ด๋ฆฌ ๋ฐ ํ์ ๊ฐ ํ์ ์ ์ํ ํ์ ๋๊ตฌ๋ก ํ์ฉ
๐โ๏ธ ๋ด๊ฐ ๋งก์ ์ญํ
1๏ธโฃ ์ผ์ ์ถ์ฒ ํ์ด์ง ๊ฐ๋ฐ
์ผ์ ์ถ์ฒ ํ์ด์ง์์๋ GPT๊ฐ ์ ์ํ ์ผ์ ์ ์ฌ์ฉ์๊ฐ ์ ํํ ๋ ์ง์ ๋ง์ถฐ ๋ณด์ฌ์ฃผ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ์ต๋๋ค.
React๋ฅผ ๊ธฐ๋ฐ์ผ๋ก, ์ฌ์ฉ์ ๊ฒฝํ์ ๊ณ ๋ คํ ํ๋ฆ ์ค๊ณ์ ๋ฐ์ดํฐ ์ฒ๋ฆฌ์ ์ง์คํ์ต๋๋ค.
- ์ฌํ ์ผ์ ์
๋ ฅ
- react-date-range ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํด ์ฌ์ฉ์๊ฐ ์ฌํ ์ผ์ ์ ์ ํํ ์ ์๋ UI๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค.
- ์ผ์ ์ ํ ์ดํ์๋ ์ด๋ ์๋จ์ ์ ํํ๋ ๋จ๊ณ๋ก ์์ฐ์ค๋ฝ๊ฒ ์ด์ด์ง๋๋ก ํ๋ฉด ํ๋ฆ์ ์ค๊ณํ์ต๋๋ค.
- ์ฌํ ์ผ์ ์ถ์ฒ
- ์ฌ์ฉ์๊ฐ ์ ํํ ์ฌํ์ง์ ์ผ์ ์ ๋ณด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก GPT์๊ฒ ์ถ์ฒ๋ฐ์ ์ผ์ ์ ํ๋ฉด์ ์๊ฐ์ ์ผ๋ก ๋ณด์ฌ์ฃผ์์ต๋๋ค.
- ์ผ์ฐจ๋ณ๋ก ๊ตฌ์ฑ๋ ์ผ์ ๋ฐ์ดํฐ๋ฅผ ๋ณด๊ธฐ ์ฝ๊ฒ ๋์ดํ๊ณ , ํ์ํ ์ฌํ ์ ๋ณด๊ฐ ์ ๋๋ฌ๋๋๋ก ๋์์ธํ์ต๋๋ค.
- ๋์ ์ฌํ์ ์ ์ฅ ๊ธฐ๋ฅ
- ์ถ์ฒ๋ฐ์ ์ผ์ ์ด ๋ง์์ ๋ค ๊ฒฝ์ฐ, ์ ์ฅ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ‘๋์ ์ฌํ’ ํ์ด์ง์ ์ผ์ ์ด ์ ์ฅ๋๋๋ก ๊ตฌํํ์ต๋๋ค.
- ์ด ๊ณผ์ ์์ ๋ณ๋์ ๋ฐฑ์๋ ์์ด json-server๋ฅผ ํ์ฉํด ๋ฐ์ดํฐ๋ฅผ ๋ก์ปฌ์ ์ ์ฅ ๋ฐ ๋ถ๋ฌ์ค๊ธฐ ๊ธฐ๋ฅ์ ๊ตฌ์ฑํ์ต๋๋ค.
2๏ธโฃ Git ์ธํ
๋ฐ ๊ด๋ฆฌ
ํ ๋ด Git์ ์ฒ์ ์ ํ๋ ๋ถ๋ค์ด ๋ง์ Git ์ด๊ธฐ ์ธํ ๊ณผ ๋ธ๋์น ์ ๋ต ์๋ด, ์ถฉ๋ ํด๊ฒฐ ๋ฑ์ ๋งก์ ์งํํ์ต๋๋ค.
์ดํ ํ์๋ค์ด ์์ ์ ์ผ๋ก Git์ ์ฌ์ฉํ ์ ์๋๋ก ์ ๊ทน์ ์ผ๋ก ๋์๊ณ , ํ์ ํ๋ฆ์ ๋งค๋๋ฝ๊ฒ ์ ์งํ ์ ์์์ต๋๋ค.
3๏ธโฃ ๋ฌธ์ํ & ์ผ์ ๊ด๋ฆฌ ๋ด๋น
ํ๋ก์ ํธ์ ๊ธฐํ๋ถํฐ ์งํ๊น์ง ํ๋ฆ์ ๊ธฐ๋กํ๊ณ ์ ๋ฆฌํ๋ ์ญํ ์ ๋งก์์ต๋๋ค.
ํ์ ๋ด์ฉ์ ๋ฐํ์ผ๋ก ๋ค์๊ณผ ๊ฐ์ ๋ฌธ์ ์์ ์ ์ฃผ๋์ ์ผ๋ก ์ํํ์ต๋๋ค.
- ์๊ตฌ ๋ช
์ธ์ & ๊ธฐ์ ๋ช
์ธ์ ์์ฑ
- ์ ์ฒด ์๋น์ค ํ๋ฆ๊ณผ ๊ธฐ๋ฅ ์ ์๋ฅผ ์ฒด๊ณ์ ์ผ๋ก ์ ๋ฆฌํ์ฌ ํ์๋ค๊ณผ์ ์ดํด๋ฅผ ๋ง์ท์ต๋๋ค.
- WBS ๊ธฐ๋ฐ ์ผ์ ๊ด๋ฆฌ
- ์์ ๋จ์๋ฅผ ์ธ๋ถํํด WBS(Work Breakdown Structure) ํ์์ผ๋ก ์ผ์ ์ ์ค๊ณํ๊ณ , ์ ์ฒด ๊ฐ๋ฐ ๊ธฐ๊ฐ ๋์ ํ์๋ค์ด ์ฐธ๊ณ ํ ์ ์๋๋ก ๊ด๋ฆฌํ์ต๋๋ค.
- ํ์๋ก ๋ฐ ๋ฉํ ๋ง ๊ธฐ๋ก ์ ๋ฆฌ
- ๋งค ํ์ ๋ฐ ๋ฉํ ๋ง ์ดํ ํต์ฌ ๋ ผ์ ๋ด์ฉ์ ๋น ์ง์์ด ๊ธฐ๋กํ์ฌ, ํ๋ก์ ํธ ํ๋ฆ์ ๋์น์ง ์๋๋ก ํ์ต๋๋ค.
๐ง ํ๊ณ ๋ฐ ๋๋ ์
๐ ํ๋ก์ ํธ ๋ฆฌ๋ฉ ๊ฒฝํ
๊ทธ๋์ ์ฌ๋ฌ ํ๋ก์ ํธ๋ฅผ ๊ฒฝํํ๋ ๋๋ถ์, ํ์๋ค์ ์์ฐ์ค๋ฝ๊ฒ ๋ฆฌ๋ํ๋ฉฐ ํ๋ก์ ํธ๋ฅผ ๋์ด๊ฐ ์ ์์์ต๋๋ค.
Git ์ฌ์ฉ๋ฒ์ด๋ ์ผ์ ๊ด๋ฆฌ ๋ฑ์์ ํ์๋ค์ด ์์งํด์ฃผ์๊ณ , ๊ทธ๋งํผ ์ฑ ์๊ฐ์ ๊ฐ๊ณ ์ด๋ ์ ์์๋ ๊ฒฝํ์ด์์ต๋๋ค.
๐ ์ฐํด ๊ธฐ๊ฐ์ ์ด๋ ค์
์ค๊ฐ์ ์ฐํด๊ฐ ๊ปด ์์๋ ํ์ ์ผ์ ์กฐ์จ์ด ์ฝ์ง ์์์ง๋ง, ๋์ค์ฝ๋๋ฅผ ์ ๊ทน ํ์ฉํด ์ํํ ์ปค๋ฎค๋์ผ์ด์ ์ ์ด์ด๊ฐ ์ ์์์ต๋๋ค.
๐งฉ ์์ฌ์ด ์ – ๋ฐฑ์๋ ๋ฏธ์ฌ์ฉ
๋ฐฑ์๋ ์์ด ํ๋ก ํธ์๋ ๊ธฐ์ ๋ง์ผ๋ก ๊ตฌํํ๋ค ๋ณด๋, ์ค์ ์ฌ์ฉ์ ๋ฐ์ดํฐ ์ ์ฅ/๊ด๋ฆฌ์๋ ํ๊ณ๊ฐ ์์์ต๋๋ค.
ํฅํ์ ๋ฐฑ์๋๊น์ง ์ฐ๋ํ ์ค์ ๋์ํ๋ ์ฌํ ์ถ์ฒ ์๋น์ค๋ก ํ์ฅํด๋ณด๊ณ ์ถ์ต๋๋ค.
๐ ์ข์ ๋ง๋ฌด๋ฆฌ
๊ธฐ๋ฅ์ ์์ฑ๋ ์๊ฒ ๊ตฌํํ๊ณ , ํ์๋ค ๊ฐ์ ์ํต๋ ์ํํ๊ฒ ์งํ๋์์ต๋๋ค.
๋ง์ง๋ง ํ๊ณ ์์ ํ์๋ค๋ก๋ถํฐ “์์ง๊ฐ ๋๋ ํ์์ด์๋ค”๋ ํ๊ฐ๋ฅผ ๋ฐ์ ์ ์์ด ์ ๋ง ๋ฟ๋ฏํ์ต๋๋ค.
๐ ๋ง๋ฌด๋ฆฌ ํ๋ง๋
์ด๋ฒ ํ๋ก์ ํธ๋ ๊ธฐ์ ์ ์ธ ์ฑ์ฅ๋ฟ ์๋๋ผ, ๋ฆฌ๋์ญ๊ณผ ํ์ , ์ปค๋ฎค๋์ผ์ด์ ์ญ๋๊น์ง ๋์๋ณผ ์ ์์๋ ๊ฐ์ง ๊ฒฝํ์ด์์ต๋๋ค.
๋ค์ ํ๋ก์ ํธ์์๋ ๋ ๊น์ด ์๋ ์ฌ์ฉ์ ๊ฒฝํ ์ค๊ณ์ ๋ฐฑ์๋ ์ฐ๋๊น์ง ์๋ํด๋ณด๊ณ ์ถ์ต๋๋ค.
'โ๏ธ DevLog > Devcourse' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 31์ผ์ฐจ (0) | 2025.05.22 |
---|---|
[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 30์ผ์ฐจ (0) | 2025.05.20 |
[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 29์ผ์ฐจ (0) | 2025.05.20 |
[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 28์ผ์ฐจ (1) | 2025.05.16 |
[DevCourse] ์์ฑํ AI ํ์ฉ ๋ฐฑ์๋ ๋ฐ๋ธ์ฝ์ค 27์ผ์ฐจ (0) | 2025.05.15 |