inflearn logo
inflearn logo

้–‹็™บ่€…ๅฐฑ่ทๆˆฆ็•ฅใ‚ทใƒผใ‚ฏใƒฌใƒƒใƒˆ - 7CODE (ใƒใ‚ซใƒฉใ‚ฏ่ˆนใƒญใƒผใƒ‰ใƒžใƒƒใƒ—ๅฎŒๆˆ)

ใƒ•ใƒญใƒณใƒˆ้–‹็™บ่€…ใฎๅฐฑ่ทใซๅฟ…่ฆใชใ‚นใƒ†ใƒƒใƒ—ใ‚’7ใคใฎใ‚ณใƒผใƒ‰ใซใพใจใ‚ใพใ—ใŸใ€‚ ็งใฏใƒ‡ใƒ™ใƒญใƒƒใƒ‘ใƒผใฎๅ…ˆ่ผฉใŒใ„ใชใ‹ใฃใŸใฎใงใ€ๅฐฑไปปๆ™‚ใซๆผ ็„ถใจใ—ใŸใŒใ€ไปŠๅฟƒ้…ใ—ใชใ„ใงใใ ใ•ใ„ใ€‚ ๐Ÿ˜€

้›ฃๆ˜“ๅบฆ ๅ…ฅ้–€

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Interview
Interview
Tech Interview
Tech Interview
Portfolio
Portfolio
Coding Test
Coding Test
Interview
Interview
Tech Interview
Tech Interview
Portfolio
Portfolio
Coding Test
Coding Test

ใŠ็Ÿฅใ‚‰ใ›

1 ไปถ

  • dodocoding๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏใ€‚้–‹็™บ่€…ใฎใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐใงๆฝœๅœจๅŠ›ใจๆˆ้•ทใ‚’ๅฐŽใใ“ใจใซ้–ขๅฟƒใŒๅคšใ„ใ€Œ้“้“ใ€ใงใ™ใ€‚

     

    ็งใฏๅคงๅญฆใง้–‹็™บ่€…ใฎๅฐฑ่ทใ‚’ๆบ–ๅ‚™ใ—ใชใŒใ‚‰ๅคšใใฎ่ฉฆ่กŒ้Œฏ่ชคใ‚’็ตŒ้จ“ใ—ใพใ—ใŸใ€‚ใ ใ‹ใ‚‰็งใฎใ‚ˆใ†ใซ่‹ฆๅŠดใ™ใ‚‹ไบบใŒใ„ใชใ‹ใฃใŸใ‚‰ใ„ใ„ใชใจใ„ใ†ๆฐ—ๆŒใกใงFE้–‹็™บ่€…7Codeๅฐฑๆฅญๅญฆๆฆ‚่ซ–่ฌ›็พฉไฝœใ‚Šใ€็™บๅฃฒใพใงใ—ใพใ—ใŸใ€‚ใจใ“ใ‚ใŒๅฐฑ่ทใƒญใƒผใƒ‰ใƒžใƒƒใƒ—่ฌ›็พฉใงๅฎŸ้š›ใฎๅฐฑ่ทใซๅฝน็ซ‹ใคใ ใ‚ใ†ใ‹๏ผŸใจใ„ใ†็–‘ๅ•ใŒใ‚ใ‚Šใพใ—ใŸใ€‚

     

    ใใ“ใง1ๆœŸใƒ—ใƒญใ‚ฐใƒฉใƒ ใ‚’้‹ๅ–ถใ—ใชใŒใ‚‰10ไบบๅ‹Ÿ้›†ใ—ใฆใ‚นใ‚ฟใƒ‡ใ‚ฃ/ใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐใ‚’่กŒใ„ใพใ—ใŸใ€‚็ตๆžœ็š„ใซใฟใ‚“ใช่‰ฏใ„ๅฝฑ้Ÿฟใ‚’ๅ—ใ‘ใŸใจๅพŒๆœŸใ‚’ใ„ใŸใ ใใพใ—ใŸใ€‚ๆœฌๅฝ“ใซใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    2ๆœŸใƒ—ใƒญใ‚ฐใƒฉใƒ ใฏใ•ใ‚‰ใซๆ•ดใˆใฆๆบ–ๅ‚™ใ‚’ใ—ใฆใใพใ—ใŸใ€‚

    • ใƒ•ใƒญใƒณใƒˆ้–‹็™บ่€…ใ‚’ๅฟ—ๆœ›ใ™ใ‚‹ไบˆๅ‚™้–‹็™บ่€…ใฎๆ–นใ€…ใจ็ทŠๅฏ†ใซwin-winใ—ใฆใฟใฆใปใ—ใ„ใงใ™ใ€‚

    • Next.jsใฎ่ฌ›็พฉใ‚’ไธ€็ท’ใซ่žใใชใŒใ‚‰ใ€ใฟใ‚“ใชใŒไธ€ใคใฎ็›ฎๆจ™ใ‚’่ฆ‹ใชใŒใ‚‰่ตฐใฃใฆใ„ใ‘ใฐใ„ใ„ใจๆ€ใ„ใ€ใ™ใใซ่ฌ›็พฉใ‚’ไฝœใ‚Šใพใ—ใŸใ€‚ ๏ผˆ็พๅœจใฏๅฏฉๆŸปไธญ๏ผ‰

    > โœๅ‹Ÿ้›†ใฎใŠ็Ÿฅใ‚‰ใ›ใจๅ‚ๅŠ  >>: https://abit.ly/jkxbtb


    ๅฐฑ่ท็ ”็ฉถใฏไฝ•ใ‚’ใ—ใพใ™ใ‹๏ผŸ

    1. 7Code FE้–‹็™บ่€…ใƒญใƒผใƒ‰ใƒžใƒƒใƒ—ใ‚’ไธ€็ท’ใซๅ‹‰ๅผทใ—ใพใ™ใ€‚ (ๅฟ…้ ˆ)

    ้–‹็™บ่€…ๅฐฑ่ทๆˆฆ็•ฅใ‚ทใƒผใ‚ฏใƒฌใƒƒใƒˆ - 7CODE ๏ผˆ Link ๏ผ‰๏ผš33,000ใ‚ฆใ‚ฉใƒณ - >็„กๆ–™ๆไพ›

    ๐Ÿญๅˆ่จˆ7ใคใฎใ‚ณใƒผใƒ‰ใฎใ†ใกใ€ๆฏŽ้€ฑ2ใคใฎใ‚ณใƒผใƒ‰ใ‚’่žใใชใŒใ‚‰ๅ‹‰ๅผทใ—ใพใ™ใ€‚

    https://cdn.inflearn.com/public/courses/331720/cover/fc95cfbe-8e9f-4f8c-be38-940956bad54b/331720.png

    ใ‚ซใƒชใ‚ญใƒฅใƒฉใƒ ใฎใƒ—ใƒฌใƒ“ใƒฅใƒผ

    Code 1. FE ๆŠ€่ก“ใ‚นใ‚ฟใƒƒใ‚ฏใฎ็ฉใฟ้‡ใญ (1 ้ง่ปŠ)

    ใ‚ณใƒผใƒ‰2.ใ‚ขใƒซใ‚ดใƒชใ‚บใƒ ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใƒ†ใ‚นใƒˆใฎๆบ–ๅ‚™๏ผˆ1้€ฑ็›ฎ๏ผ‰

    Code 3. ๅฏพๅค–ๆดปๅ‹•ใ‚ฌใ‚คใƒ‰๏ผˆ2้€ฑ็›ฎ๏ผ‰

    Code 4. ใƒใƒผใƒˆใƒ•ใ‚ฉใƒชใ‚ชๆบ–ๅ‚™๏ผˆ2้€ฑ็›ฎ๏ผ‰

    ใ‚ณใƒผใƒ‰5.่ชฒ้กŒใƒ†ใ‚นใƒˆใฎๆบ–ๅ‚™๏ผˆ3้€ฑ็›ฎ๏ผ‰

    Code 6. ๆŠ€่ก“ใจ้ญๆ€ง้ขๆŽฅใฎๆบ–ๅ‚™๏ผˆ3้€ฑ็›ฎ๏ผ‰

    Code 7. ๅฐฑ่ทๆดปๅ‹•ใ‚ตใ‚คใ‚ฏใƒซ (4้€ฑ็›ฎ)

    2.ๅŸบ็คŽใ‹ใ‚‰ๅญฆใถNext YTMusicใ‚ฏใƒญใƒผใƒณใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐ๏ผˆwith next.js 14ใ€UIใƒžใ‚นใ‚ฟใƒผ๏ผ‰ใ‚’ไธ€็ท’ใซๅ‹‰ๅผทใ—ใพใ™ใ€‚ (ๅฟ…้ ˆ)

    https://cdn.inflearn.com/public/courses/333217/cover/589ade97-8673-4a9d-b75e-2e0024e70b86/333217.png

    ๅŸบ็คŽใ‹ใ‚‰ๅญฆใถNext YTMusicใ‚ฏใƒญใƒผใƒณใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐ๏ผˆwith next.js 14ใ€UIใƒžใ‚นใ‚ฟใƒผ๏ผ‰

    - ๏ผˆใƒชใƒณใ‚ฏใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆไบˆๅฎš๏ผ‰๏ผš46,000ใ‚ฆใ‚ฉใƒณ - >็„กๆ–™ๆไพ›

    ๐ŸญๆฏŽ้€ฑๆฑบใพใฃใŸ้€ฒๅบฆใปใฉๅ‹‰ๅผทใ—ใซใใ„็‚นใจใƒ•ใ‚ฃใƒผใƒ‰ใƒใƒƒใ‚ฏใ‚’ๅ—ใ‘ใพใ™ใ€‚ ๏ผˆๅฟ…้ ˆไบ‹้ …๏ผ‰

    ๐Ÿญ่ฌ›็พฉใƒฏใƒผใ‚ฏใƒ–ใƒƒใ‚ฏใฎ่ฉณ็ดฐใ‚’ๅญฆใณใ€้ซ˜ๅบฆๅŒ–ใ‚’้€ฒใ‚ใพใ™ใ€‚ - ใƒฏใƒผใ‚ฏใƒ–ใƒƒใ‚ฏใƒ—ใƒฌใƒ“ใƒฅใƒผใƒชใƒณใ‚ฏ๏ผˆใ‚ชใƒ—ใ‚ทใƒงใƒณ๏ผ‰

    -ใ‚ฏใƒญใƒผใƒณใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐๅฎŒๆˆ็‰ˆใฎใƒ—ใƒฌใƒ“ใƒฅใƒผ๏ผšhttps: //yt-music-clone-six.vercel.app/

    ใ‚ซใƒชใ‚ญใƒฅใƒฉใƒ ใฎใƒ—ใƒฌใƒ“ใƒฅใƒผ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ1. NextJSใฎใ‚คใƒณใ‚นใƒˆใƒผใƒซ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ2. NextJSใฎใƒ‡ใƒ—ใƒญใ‚ค

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ3. NextJSใ‚ณใ‚ขใ‚ณใƒณใ‚ปใƒ—ใƒˆ๏ผˆ็†่ซ–๏ผ‰

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 4. NextJS AppRouter

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ5ใ€œ6ใ€‚

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ7ใ€œ11ใ€‚ YTMusicClone - Home, Explore, Library

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 12. YTMusicClone - Player

    3. ้€ฑ1ๅ›žใ‚ฐใƒซใƒผใƒ—ใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐใ‚’้€ฒใ‚ใพใ™ใ€‚ (ๅฟ…้ ˆ)

    1. 7Code FE้–‹็™บ่€…ใƒญใƒผใƒ‰ใƒžใƒƒใƒ—ใฎๅ„ใ‚ณใƒผใƒ‰ใ”ใจใซใƒŸใƒƒใ‚ทใƒงใƒณใ‚’่กŒใ„ใ€็ตๆžœใ‚’ๅ…ฑๆœ‰ใ—ใพใ™ใ€‚ ๏ผˆ Code1๏ฝž7ใ”ใจใซๅˆฅ้€”ใฎใƒŸใƒƒใ‚ทใƒงใƒณใฏ้ง่ปŠใƒŸใƒผใƒ†ใ‚ฃใƒณใ‚ฐใซใŠ็Ÿฅใ‚‰ใ›ใ—ใพใ™ใ€‚๏ผ‰

    2.ๅŸบ็คŽใ‹ใ‚‰ๅญฆใถNext YTMusicใ‚ฏใƒญใƒผใƒณใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐๅ„้ง่ปŠๅ ดใฎ่ฌ›็พฉใฎๅ—่ฌ›ใจ็ตๆžœใ‚’ๅ…ฑๆœ‰ใ—ใพใ™ใ€‚ ๏ผˆ1้€ฑ้–“ใซ2ๆ™‚้–“ๅˆ†๏ผ‰

    3. ใƒใƒผใƒ ใƒกใƒณใƒใƒผใจ็›ธไบ’ใƒ•ใ‚ฃใƒผใƒ‰ใƒใƒƒใ‚ฏใ‚’้€ฒใ‚ใพใ™ใ€‚ ๏ผˆใƒ”ใ‚ขใƒฉใƒณใƒ‹ใƒณใ‚ฐ๏ผ‰

    4. ใƒ“ใƒƒใ‚ฏใƒ†ใ‚ฏใƒ†ใ‚ฏใƒˆใƒชใซๅˆใ‚ใ›ใฆๆฏŽ้€ฑ็›ฎๆจ™ใ‚’็ซ‹ใฆใฆ้”ๆˆๅฏๅฆใ‚’็‚นๆคœใ—ใ€ๅ›ž้กงใ‚’้€ฒใ‚ใพใ™ใ€‚ ๏ผˆ้•ทๆœŸ็›ฎๆจ™่จˆ็”ป๏ผ‰

    4. ้–‹็™บ่€…ๅฐ‚็”จใฎใƒ–ใƒญใ‚ฐใฎไฝœๆˆๆ–นๆณ•ใ‚’ๅ‹‰ๅผทใ—ใพใ™ใ€‚ (้ธๆŠž)

    - FacebookใŒไฝœใฃใŸๅ…ฌๅผๆ–‡ๆ›ธใ‚ชใƒผใƒ—ใƒณใ‚ฝใƒผใ‚น๏ผˆ https://docusaurus.io/ ๏ผ‰ใง่ฃฝไฝœใ—ใพใ™ใ€‚

    - github CI/CD + gh-pages + Httpsใƒ‰ใƒกใ‚คใƒณ+ SearchConsole

    - ๅฎŒๆˆใ—ใŸใƒ—ใƒฌใƒ“ใƒฅใƒผ๏ผš ใƒชใƒณใ‚ฏ

    5.ใƒ“ใƒƒใ‚ฐใƒ†ใƒƒใ‚ฏ้–‹็™บ่€…ๅฐฑ่ทๆ‰‹่จ˜ใ‚ปใƒƒใ‚ทใƒงใƒณ๏ผˆ้ธๆŠž๏ผ‰

    - AIใ‚นใ‚ฟใƒผใƒˆใ‚ขใƒƒใƒ—ใซๅœจ่ทใ—ใ€ใƒ“ใƒƒใ‚ฐใƒ†ใƒƒใ‚ฏไธญๅคๆ–ฐๅ…ฅใง้›ข่ทๆˆๅŠŸใ—ใŸ้–‹็™บ่€…ใ‚’็ฅ€ใฃใฆๅฐฑ่ทๆ‰‹่จ˜ใ‚ปใƒƒใ‚ทใƒงใƒณๅŠใณQnA้€ฒ่กŒใ—ใพใ™ใ€‚

    https://static.toss-internal.com/ipd-tcs/toss_core/live/506afc6a-2de2-446b-8be8-a1333bedae7e

    - *็ ”็ฉถๅ‚ๅŠ ่ฒป็”จใฎไธ€้ƒจใฏใ€ๅฐฑ่ทๆ‰‹่จ˜ใ‚’ๅ…ฑๆœ‰ใ—ใฆใใ ใ•ใฃใŸๆ–นใซไฝฟ็”จใ•ใ‚Œใพใ™ใ€‚

    6. 1:1 ใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐ้€ฒ่กŒ(้ธๆŠž)

    -็ด„30ๅˆ†้–“1๏ผš1ใฎใƒกใƒณใ‚ฟใƒชใƒณใ‚ฐใ‚’่กŒใ„ใพใ™ใ€‚

    - ใƒใ‚ซใƒฉใ‚ฏใƒ™ITๅ‡บ่บซใ€SWใƒžใ‚จใ‚นใƒˆใƒญใ€BoostCampใƒŽใ‚ฆใƒใ‚ฆใ‚’็››ใ‚Š่พผใ‚“ใง้€ฒ่กŒใ—ใพใ™ใ€‚

    - ๅฑฅๆญดๆ›ธใƒฌใƒ“ใƒฅใƒผใ€ใƒใƒผใƒˆใƒ•ใ‚ฉใƒชใ‚ชใƒฌใƒ“ใƒฅใƒผใ€ใ‚ณใƒผใƒ‰ใƒฌใƒ“ใƒฅใƒผใชใฉใฎ่‡ช็”ฑใƒˆใƒ”ใƒƒใ‚ฏ

    7. ใ‚ชใƒณใƒฉใ‚คใƒณใƒขใ‚ถใƒณใ‚ณ้€ฒ่กŒ๏ผˆ้ธๆŠž๏ผ‰

    -้›†ใพใฃใฆๅ„ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใ‚’ใ‚ชใƒณใƒฉใ‚คใƒณใง้€ฒใ‚ใพใ™ใ€‚

    - ใใฎ้–“ใ€IT้–‹็™บ่€…ใฎๅฐฑ่ทใ‚„ๅ‹‰ๅผทใซ้–ข้€ฃใ—ใฆๆฐ—ใซใชใฃใŸใ™ในใฆใ‚’่žใ„ใฆใใ ใ•ใ„ใ€‚

    - ๅฑฅๆญดๆ›ธใƒฌใƒ“ใƒฅใƒผใ€ใƒใƒผใƒˆใƒ•ใ‚ฉใƒชใ‚ชใƒฌใƒ“ใƒฅใƒผใ€ใ‚ณใƒผใƒ‰ใƒฌใƒ“ใƒฅใƒผใชใฉใฎ่‡ช็”ฑใƒˆใƒ”ใƒƒใ‚ฏ

    8. ใƒ‡ใ‚คใƒชใƒผใ‚นใ‚ฟใƒณใƒ‰ใ‚ขใƒƒใƒ—ใƒŸใƒผใƒ†ใ‚ฃใƒณใ‚ฐ

    - ๅ„ๅŠฉๅ“กใฎใƒใƒผใƒ ้•ทไธปๅฐŽไธ‹ใง1ๆ—ฅ10ๅˆ†ใƒŸใƒผใƒ†ใ‚ฃใƒณใ‚ฐใ‚’้€ฒ่กŒใ—ใพใ™ใ€‚

    - ใŸใ ไธ€ๆ—ฅไฝ•ใ‚’ใ—ใŸใฎใ‹ใ€้›ฃใ—ใ„็‚นใ€ๆ‚ฉใฟใ€ใ‚ใ‚Œใ“ใ‚Œ้›‘่ซ‡ใ‚’่ฝใจใ—ใพใ—ใ‚‡ใ†ใ€‚ๅคงใใชๅŠฉใ‘ใซใชใ‚Šใพใ™ใ€‚

    0

๏ฟฅ4,195