๊ฐ๋ฐ์ ์ทจ์ ์ ๋ต ์ํฌ๋ฆฟ - 7CODE (๋ค์นด๋ผ์ฟ ๋ฐฐ ๋ก๋๋งต ์์ฑ)
ํ๋ก ํธ ๊ฐ๋ฐ์ ์ทจ์ ์ ํ์ํ ๋จ๊ณ๋ฅผ 7๊ฐ์ง ์ฝ๋๋ก ์ ๋ฆฌํ์ต๋๋ค. ์ ๋ ๊ฐ๋ฐ์ ์ ๋ฐฐ๊ฐ ์์ด์ ์ทจ์ค๋ ๋ง์ฐํ๋๋ฐ, ์ด์ ๊ฑฑ์ ํ์ง ๋ง์ธ์. ๐
์๊ฐ์ 105๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

์๋ ํ์ธ์.! ๊ฐ๋ฐ์ ๋ฉํ ๋ง์ผ๋ก ์ ์ฌ๋ ฅ๊ณผ ์ฑ์ฅ์ ์ด๋์ด ์ฃผ๋๊ฒ์ ๊ด์ฌ์ด ๋ง์ '๋๋' ์ ๋๋ค.
์ ๋ ๋ํ๊ต๋ ๊ฐ๋ฐ์ ์ทจ์ ์ ์ค๋นํ๋ฉด์ ๋ง์ ์ํ ์ฐฉ์ค๋ฅผ ๊ฒช์์ต๋๋ค. ๊ทธ๋์ ์ ์ฒ๋ผ ๊ณ ์ํ๋ ์ฌ๋์ด ์์์ผ๋ฉด ์ข๊ฒ ๋ค๋ผ๋ ๋ง์์ผ๋ก FE๊ฐ๋ฐ์ 7Code ์ทจ์ ํ๊ฐ๋ก ๊ฐ์ ๋ง๋ค๊ณ ์ถ์๊น์ง ํ์์ด์. ๊ทผ๋ฐ ์ทจ์ ๋ก๋๋งต ๊ฐ์๋ก ์ค์ ์ทจ์ ์ ๋์์ด ๋ ๊น? ๋ผ๋ ์๋ฌธ์ด ๋ค์์ต๋๋ค.
๊ทธ๋์ 1๊ธฐ ํ๋ก๊ทธ๋จ์ ์ด์ํ๋ฉด์ 10๋ช ๋ชจ์งํด์ ์คํฐ๋/๋ฉํ ๋ง์ ์งํํ์ต๋๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก ๋ชจ๋ ์ข์ ์ํฅ์ ๋ฐ์๋ค๊ณ ํ๊ธฐ๋ฅผ ์ฃผ์ จ์ด์. ์ ๋ง ๊ฐ์ฌํฉ๋๋ค.
2๊ธฐ ํ๋ก๊ทธ๋จ์ ๋ ๋ค๋ฌ์ด์ ์ค๋น๋ฅผ ํด์์ต๋๋ค.!!
ํ๋ก ํธ ๊ฐ๋ฐ์๋ฅผ ์ง๋งํ๋ ์๋น๊ฐ๋ฐ์๋ถ๋ค๊ณผ ๊ธด๋ฐํ๊ฒ win-win ํด๋ณด๋ฉด ์ข๊ฒ ์ด์.
Next.js ๊ฐ์๋ฅผ ๊ฐ์ด ๋ค์ผ๋ฉด์ ๋ชจ๋๊ฐ ํ๋์ ๋ชฉํ๋ฅผ ๋ฐ๋ผ๋ณด๋ฉด์ ๋ฌ๋ ค๊ฐ๋ฉด ์ข์๊ฒ ๊ฐ์์ ๋น์ฅ ๊ฐ์๋ฅผ ๋ง๋ค์์ฃ . (ํ์ฌ๋ ์ฌ์ฌ์ค )
> โ ๋ชจ์ง ๊ณต๊ณ ๋ฐ ์ฐธ์ฌํ๊ธฐ >>: https://abit.ly/jkxbtb
์ทจ์ ์คํฐ๋๋ ๋ฌด์์ ํ๋์?
1. 7Code FE๊ฐ๋ฐ์ ๋ก๋๋งต์ ๊ฐ์ด ๊ณต๋ถํด์. (ํ์)
๊ฐ๋ฐ์ ์ทจ์ ์ ๋ต ์ํฌ๋ฆฟ - 7CODE (Link) : 33,000์ -> ๋ฌด๋ฃ ์ ๊ณต
๐ญ ์ด 7๊ฐ ์ฝ๋ ์ค, ๋งค์ฃผ 2๊ฐ์ Code๋ฅผ ๋ค์ผ๋ฉด์ ๊ณต๋ถ ํด์.

์ปค๋ฆฌํ๋ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
Code 1. FE ๊ธฐ์ ์คํ ์๊ธฐ (1์ฃผ์ฐจ)
Code 2. ์๊ณ ๋ฆฌ์ฆ ์ฝ๋ฉ ํ ์คํธ ์ค๋น (1์ฃผ์ฐจ)
Code 3. ๋์ธํ๋ ๊ฐ์ด๋ (2์ฃผ์ฐจ)
Code 4. ํฌํธํด๋ฆฌ์ค ์ค๋น (2์ฃผ์ฐจ)
Code 5. ๊ณผ์ ํ ์คํธ ์ค๋น (3์ฃผ์ฐจ)
Code 6. ๊ธฐ์ ๋ฐ ์ธ์ฑ ๋ฉด์ ์ค๋น (3์ฃผ์ฐจ)
Code 7. ์ทจ์ ํ๋ ์ธ์ดํด (4์ฃผ์ฐจ)
2. ๊ธฐ์ด๋ถํฐ ๋ฐฐ์ฐ๋ Next YTMusic ํด๋ก ์ฝ๋ฉ (with next.js 14, UI ๋ง์คํฐ)์ ๊ฐ์ด ๊ณต๋ถํด์. (ํ์)

๊ธฐ์ด๋ถํฐ ๋ฐฐ์ฐ๋ Next YTMusic ํด๋ก ์ฝ๋ฉ (with next.js 14, UI ๋ง์คํฐ)
- ( ๋งํฌ์ ๋ฐ์ดํธ ์์ ) : 46,000์ -> ๋ฌด๋ฃ ์ ๊ณต
๐ญ ๋งค์ฃผ ์ ํด์ง ์ง๋๋งํผ ๊ณต๋ถํ๊ณ ์ด๋ ค์ด ์ ๋ฐ ํผ๋๋ฐฑ์ ๋ฐ์์. (ํ์์ฌํญ)
๐ญ๊ฐ์ ์ํฌ๋ถ์ ๋ ์์๋ณด๊ธฐ & ๊ณ ๋ํ๋ฅผ ์งํํด์. - ์ํฌ๋ถ ๋ฏธ๋ฆฌ๋ณด๊ธฐ Link (์ ํ์ฌํญ)
- ํด๋ก ์ฝ๋ฉ ์์ฑ๋ณธ ๋ฏธ๋ฆฌ ๋ณด๊ธฐ : https://yt-music-clone-six.vercel.app/
์ปค๋ฆฌํ๋ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
์น์ 1. NextJS ์ค์นํ๊ธฐ
์น์ 2. NextJS ๋ฐฐํฌํ๊ธฐ
์น์ 3. NextJS ํต์ฌ ๊ฐ๋ (์ด๋ก )
์น์ 4. NextJS AppRouter
์น์ 5~6. NextJS Sidebar, NextJS Header
์น์ 7~11. YTMusicClone - Home, Explore, Library
์น์ 12. YTMusicClone - Player
3. ์ฃผ 1ํ ๊ทธ๋ฃน ๋ฉํ ๋ง์ ์งํํฉ๋๋ค. (ํ์)
1. 7Code FE๊ฐ๋ฐ์ ๋ก๋๋งต์ ๊ฐ ์ฝ๋๋ณ ๋ฏธ์ ์ ์ํํ๊ณ ๊ฒฐ๊ณผ๋ฅผ ๊ณต์ ํด์. ( Code1~7 ๋ง๋ค ๋ณ๋์ ๋ฏธ์ ์ ์ฃผ์ฐจ ๋ฏธํ ์ ์๋ ค๋๋ ค์.)
2. ๊ธฐ์ด๋ถํฐ ๋ฐฐ์ฐ๋ Next YTMusic ํด๋ก ์ฝ๋ฉ ๊ฐ ์ฃผ์ฐจ๋ณ ๊ฐ์ ์๊ฐ ๋ฐ ๊ฒฐ๊ณผ๋ฅผ ๊ณต์ ํด์. (ํ ์ฃผ๋น 2์๊ฐ ๋ถ๋)
3. ํ์๋ค๊ณผ ์ํธ ํผ๋๋ฐฑ์ ์งํํด์. (ํผ์ด๋ฌ๋)
4. ๋น ํ ํฌ ํ ํฌํธ๋ฆฌ์ ๋ง์ถ์ด ๋งค์ฃผ ๋ชฉํ๋ฅผ ์ธ์ฐ๊ณ ๋ฌ์ฑ์ฌ๋ถ๋ฅผ ์ ๊ฒํ๋ฉฐ ํ๊ณ ๋ฅผ ์งํํด์. (์ฅ๊ธฐ ๋ชฉํ ๊ณํ)
4. ๊ฐ๋ฐ์ ์ ์ฉ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ์ ์คํฐ๋ ํฉ๋๋ค. (์ ํ)
- Facebook์ด ๋ง๋ ๊ณต์ ๋ฌธ์ ์คํ์์ค ( https://docusaurus.io/ )๋ก ์ ์ํด์.
- github CI/CD + gh-pages + Https ๋๋ฉ์ธ + SearchConsole
- ์์ฑ๋ณธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ : Link
5. ๋น ํ ํฌ ๊ฐ๋ฐ์ ์ทจ์ ์๊ธฐ ์ธ์ (์ ํ)
- AI์คํํธ์ ์ ์ฌ์งํ๋ค๊ฐ, ๋น ํ ํฌ ์ค๊ณ ์ ์ ์ผ๋ก ์ด์ง์ฑ๊ณตํ ๊ฐ๋ฐ์๋ฅผ ๋ชจ์ ์ ์ทจ์ ์๊ธฐ ์ธ์ ๋ฐ QnA ์งํํฉ๋๋ค.
- *์คํฐ๋ ์ฐธ์ฌ๋น์ฉ ์ค ์ผ๋ถ๋ ์ทจ์ ์๊ธฐ๋ฅผ ๊ณต์ ํด์ฃผ์ ๋ถ๋ค๊ป ์ฌ์ฉ๋ฉ๋๋ค.
6. 1:1 ๋ฉํ ๋ง ์งํ (์ ํ)
- ๋๋ต 30๋ถ ๋์ 1:1 ๋ฉํ ๋ง์ ์งํํฉ๋๋ค.
- ๋ค์นด๋ผ์ฟ ๋ฐฐIT ์ถ์ , SW๋ง์์คํธ๋ก, BoostCamp ๋ ธํ์ฐ๋ฅผ ๋ด์ ์งํํด์.
- ์ด๋ ฅ์ ๊ฒํ , ํฌํธํด๋ฆฌ์ค ๊ฒํ , ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฑ ์์ ์ฃผ์
7. ์จ๋ผ์ธ ๋ชจ๊ฐ์ฝ ์งํ (์ ํ)
- ๋ชจ์ฌ์ ๊ฐ์ ์ฝ๋ฉ์ ์จ๋ผ์ธ์ผ๋ก ์งํํฉ๋๋ค.
- ๊ทธ ๋์ IT ๊ฐ๋ฐ์ ์ทจ์ ๋ฐ ๊ณต๋ถ๊ด๋ จํด์ ๊ถ๊ธํ๋ ๋ชจ๋ ๊ฒ์ ๋ฌผ์ด๋ณด์ธ์.!
- ์ด๋ ฅ์ ๊ฒํ , ํฌํธํด๋ฆฌ์ค ๊ฒํ , ์ฝ๋ ๋ฆฌ๋ทฐ ๋ฑ ์์ ์ฃผ์
8. ๋ฐ์ผ๋ฆฌ ์คํ ๋์ ๋ฏธํ
- ๊ฐ ์กฐ์์ ํ์ฅ๋ ์ฃผ๋ํ์ ํ๋ฃจ 10๋ถ ๋ฏธํ ์ ์งํํฉ๋๋ค.
- ๊ทธ๋ฅ ํ๋ฃจ ๋ฌด์์ ํ๋์ง, ์ด๋ ค์ด์ , ๊ณ ๋ฏผ, ์ด๊ฒ์ ๊ฒ ์ก๋ด์ ๋จ์ด๋ณด์ธ์. ํฐ ๋์์ด ๋ฉ๋๋ค.






