์ธ๋„ค์ผ ์ถœ์ฒ˜

์ด ๊ธ€์€ ์–ผ๋งˆ์ „, ๊ฐœ์ธ์ ์œผ๋กœ ๋””์ž์ด๋„ˆ์˜ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ๋ฅผ ์ž‘์—…ํ•  ๋•Œ ๋ณธ ๊ฐœ๋ฐœ ์œ ํŠœ๋ธŒ์ฑ„๋„ Traversy Media์˜ ์˜์ƒ ์ค‘ ์›น ๊ฐœ๋ฐœ์ž ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ๋ฅผ ์œ„ํ•œ 10๊ฐ€์ง€ ํŒ์ด๋ผ๋Š” ์˜์ƒ์˜ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.

๐Ÿ–ฅ ์›น ๊ฐœ๋ฐœ์ž ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์œ„ํ•œ 10๊ฐ€์ง€ ํŒ

์ด ๊ธ€(์˜์ƒ)์—์„œ๋Š” ๊ฐœ์ธ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ์— ๋Œ€ํ•ด ์–˜๊ธฐํ•ด๋ณผ๊นŒ ํ•ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฐ ์ฃผ์ œ๋ฅผ ๊ฐ€์ ธ์˜จ ์ด์œ ๋Š”, ์ €๋„ ์ œ ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์œผ๋ฉฐ,

๊ฐ€๋” ๊ตฌ๋…์ž๋“ค์ด ์ €์—๊ฒŒ ์ด๋ฉ”์ผ๋กœ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๊ฒ€ํ† ํ•ด๋‹ฌ๋ผ๋Š” ์š”์ฒญ์ด ์˜ค๊ณคํ•ฉ๋‹ˆ๋‹ค.

์ €๋Š” 50~60๊ฐœ ์ด์ƒ์˜ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๋ดค์œผ๋ฉฐ, ๊ทธ ์ค‘์—๋Š” ์ •๋ง ๋ฉ‹์ง„ ํฌํŠธํด๋ฆฌ์˜ค๋„ ์žˆ์—ˆ๊ณ , ๋”์ฐํ•œ ํฌํŠธํด๋ฆฌ์˜ค๋„ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ๋•Œ ๋„์›€์ด ๋ ๋งŒํ•œ ๋ช‡ ๊ฐ€์ง€ ํŒ์„ ์•Œ๋ ค๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.

1. Presentable Design/UI

  • ๋””์ž์ธ์— ์‹ ๊ฒฝ์„ ๋งŽ์ด ์จ๋ผ.

  • ํฌํŠธํด๋ฆฌ์˜ค์— ๋‹น์‹ ์ด ๊ฐœ๋ฐœํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋‚˜์—ดํ•˜๊ฒŒ ๋ ํ…๋ฐ, ๋‹น์—ฐํ•˜๊ฒŒ๋„ ํ‰๊ฐ€์ž๊ฐ€ ๊ฐ€์žฅ ๋จผ์ € ๋ณด๊ฒŒ๋˜๋Š” ํ™”๋ฉด์ด๋ฉฐ, ๋‹น์‹ ์˜ ํฌํŠธํด๋ฆฌ์˜ค ์ž์ฒด๋„ ๋‹น์‹ ์˜ ํ”„๋กœ์ ํŠธ์ด๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ€์žฅ ์ค‘์š”ํ•˜๋‹ค.

  • ๊ทธ ์ž๋ฆฌ์—์„œ ๋ฐ”๋กœ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๊ณ  ์ฆ‰์‹œ ์„ค๋ช… ๊ฐ€๋Šฅํ•œ ๋””์ž์ธ๊ณผ UI๋กœ ๋งŒ๋“ค์–ด๋ผ.

  • ๋‹น์‹ ์ด UI๋””์ž์ด๋„ˆ๊ฐ€ ์•„๋‹ˆ๋ผ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋‚˜ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ผ๋ฉด, ํ˜น์€ ๋‹น์‹ ์˜ ๋””์ž์ธ ์Šคํ‚ฌ์ด ๋”์ฐํ•˜๋‹ค๋ฉด, ๋ฐ”๋‹ฅ๋ถ€ํ„ฐ ๋ชจ๋‘ ๋””์ž์ธํ•  ํ•„์š”๋Š” ์—†๋‹ค. ์ด๋ฏธ ์ž˜ ๋งŒ๋“ค์–ด์ง„ ํ…œํ”Œ๋ฆฟ๋“ค์„ ์ž˜ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ๋„ ๋Šฅ๋ ฅ์ด๋‹ค.

2. Good Hosting & Domain

  • @@.herokuapp.com ๊ฐ™์€ ๋ฌด๋ฃŒ ์„œ๋ธŒ๋„๋ฉ”์ธ ์“ฐ์ง€ ๋ง์•„๋ผ. ๋น„์‹ธ์ง€ ์•Š๊ณ  ์–ด๋ ต์ง€ ์•Š์œผ๋‹ˆ ๋ฐ˜๋“œ์‹œ ์ปค์Šคํ…€ ๋„๋ฉ”์ธ์„ ๊ตฌ๋งคํ•ด์„œ ์—ฐ๊ฒฐํ•ด๋ผ.

  • ๋ฐ˜๋“œ์‹œ https(SSL)๋ฅผ ์ง€์›ํ•ด๋ผ. Chrome์€ https๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์œผ๋ฉด ๊ฒฝ๊ณ ๋ฅผ ๋„์šฐ๊ธฐ ๋•Œ๋ฌธ์— UX๊ฐ€ ์ข‹์ง€ ์•Š๋‹ค.

  • ๊ธฐ๋ณธ์ ์ธ ๊ฒƒ๋“ค์ด๋ผ ์ด๋Ÿฐ ๊ฒƒ๋“ค์„ ํ•˜์ง€ ์•Š์œผ๋ฉด ํ‰๊ฐ€์ž์—๊ฒŒ ๊ผผ๊ผผํ•˜์ง€ ๋ชปํ•˜๋‹ค๊ฑฐ๋‚˜ ์‚ฌ์†Œํ•œ ๊ฒƒ์„ ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š๋Š”๋‹ค๋Š” ๋Š๋‚Œ์„ ์ค„ ์ˆ˜๋„ ์žˆ๋‹ค.

3. Keep it simple

  • ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋ช‡ ๊ฐœ์˜ ํ”„๋กœ์ ํŠธ๋งŒ ๋„ฃ๊ณ  ๋ถˆํ•„์š”ํ•œ ๊ฒƒ์€ ๋ชจ๋‘ ๋นผ๊ณ  ์ตœ์†Œํ™”ํ•ด๋ผ. ๊ฐ€๋Šฅํ•œํ•œ ๊ธ€๋„ ์ตœ๋Œ€ํ•œ ์งง๊ฒŒ ์จ๋ผ.

  • ํ”„๋กœ์ ํŠธ๋Š” ํ•ญ์ƒ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฒƒ๋“ค์„ ๋งจ ์œ„์— ์จ๋ผ. ๋„ˆ๋ฌด ๊ธธ๋ฉด ์ฝ์ง€ ์•Š๋Š”๋‹ค. ๋„ˆ๋ฌด ๋งŽ์•„๋„ ๋ณด๊ธฐ ๊ท€์ฐฎ๊ณ  ์–ด๋ ต๋‹ค. ์ž๊ธฐ์†Œ๊ฐœ๋งŒ 10์ค„์ด๋ฉด ์•„๋ฌด๋„ ์ฝ์ง€ ์•Š์„ ๊ฒƒ์ด๋‹ค. ์ตœ๋Œ€ํ•œ ์งง๊ณ  ์‹ฌํ”Œํ•˜๊ฒŒ ์œ ์ง€ํ•ด๋ผ.

  • ํฐ ํšŒ์‚ฌ๋“ค์˜ ๋žœ๋”ฉํŽ˜์ด์ง€๋ฅผ ์ฐธ๊ณ ํ•ด๋ด๋ผ. 10-15ํŽ˜์ด์ง€์˜ ๊ตฌ๊ตฌ์ ˆ์ ˆํ•œ ํŽ˜์ด์ง€๋“ค๋ณด๋‹ค ํ•˜๋‚˜์˜ ๊น”๋”ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ์‹ฑ๊ธ€ ๋žœ๋”ฉํŽ˜์ด์ง€๊ฐ€ ๋” ๋งค๋ ฅ์ ์ด๋‹ค.

4. Don't exaggerate skills

  • ๋‹น์‹ ์˜ ์Šคํ‚ฌ์…‹์„ ๊ณผ์žฅํ•˜์ง€๋ง์•„๋ผ. ๊ฑฐ์ง“๋งํ•˜์ง€๋ง์•„๋ผ. ์†”์งํ•ด์ ธ๋ผ.

  • ๋ฃจ๋น„ ์˜จ ๋ ˆ์ผ์ฆˆ ํŠœํ† ๋ฆฌ์–ผ์„ ๋”ฐ๋ผํ•ด๋ดค๋‹ค๊ณ  ๋‹น์‹ ์ด ๋ฃจ๋น„ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์ง€ ์•Š๋Š”๋‹ค.

  • ์‚ฌ์šฉํ•ด๋ณธ ๋ชจ๋“  ์–ธ์–ด์™€ ๋ชจ๋“  ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋‚˜์—ดํ•˜์ง€ ๋ง์•„๋ผ. ํ‰๊ฐ€์ž๋Š” ๋ฉ์ฒญํ•˜์ง€ ์•Š๋‹ค.

  • ๋ชจ๋“  ๋ถ„์•ผ๋ฅผ ์กฐ๊ธˆ์”ฉ ๋‘๋ฃจ ์•„๋Š” ๊ฒƒ๋ณด๋‹ค ๋ช‡ ๊ฐ€์ง€์— ์ „๋ฌธ์ ์ธ ๊ฒƒ์ด ํ›จ์”ฌ ์ข‹๋‹ค.

5. Live Examples/Demos

  • ๋ฐ”๋กœ ๋ผ์ด๋ธŒ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ฒ„ํŠผ์„ ๋งŒ๋“ค์–ด์„œ ์ง์ ‘ ๋“ค์–ด๊ฐ€๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ•ด๋ผ.

  • ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ๊นƒํ—ˆ๋ธŒ์— ์˜ฌ๋ ค๋†“๊ณ  ์ฝ”๋“œ๋„ ์ฆ‰์‹œ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๋งํฌ๋ฒ„ํŠผ์„ ๋งŒ๋“ค์–ด๋ผ.

  • ํ™”๋ฉด์ด ์—†๋Š” ํ”„๋กœ์ ํŠธ(CLIํˆด, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋“ฑ)๋Š” ์˜ˆ์™ธ๋‹ค. ๊นƒํ—ˆ๋ธŒ์— ์ฝ”๋“œ๋งŒ ์˜ฌ๋ ค๋†“์•„๋„ ๋œ๋‹ค. ๋Œ€์‹  README๋Š” ์ž˜์ ์ž.

  • ์ ˆ๋Œ€ ํ”„๋กœ์ ํŠธ์˜ ์ด๋ฏธ์ง€๋งŒ ๋ฉ๊ทธ๋Ÿฌ๋‹ˆ ๋„ฃ์ง€ ๋ง์•„๋ผ. ๊ทธ๋Ÿฐ๊ฑด ์•„๋ฌด๋‚˜ ํ•  ์ˆ˜ ์žˆ๋‹ค.

  • ์ด ๊ฒฝ์šฐ ํ”„๋กœ๋•์…˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด, ์ปค์Šคํ…€ ๋„๋ฉ”์ธ์ด๋‚˜ https์ง€์› ๋“ฑ์€ ํ•˜์ง€์•Š์•„๋„ ์ƒ๊ด€์—†๋‹ค.

6. Be Selective of Projects

  • ๋งŽ์€ ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ๋ฅผ ํ–ˆ๋”๋ผ๋„ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ๊ฐ™์€ ๋‹น์‹ ์ด ํ•œ ๋ชจ๋“  ํ”„๋กœ์ ํŠธ๋ฅผ ๋‚˜์—ดํ•˜์ง€ ๋ง์•„๋ผ.

  • 3~6๊ฐœ์˜ ์ตœ๊ณ  ํ”„๋กœ์ ํŠธ๋งŒ ์„ ํƒํ•ด์„œ ๋„ฃ์–ด๋ผ. 2๊ฐœ์˜ ํ€„๋ฆฌํ‹ฐ์žˆ๊ณ  ํฐ ํ”„๋กœ์ ํŠธ๊ฐ€ 10๊ฐœ์˜ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ๋ณด๋‹ค ํ›จ์”ฌ ์šฐ์ˆ˜ํ•˜๋‹ค.

  • ์ฆ‰, ์–‘๋ณด๋‹จ ์งˆ์ด๋‹ค.

7. Customize Course Projects

  • ๊ฐ•์˜๋‚˜ ํŠœํ† ๋ฆฌ์–ผ์„ ๋”ฐ๋ผํ•ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ–ˆ๋‹ค๋ฉด ์ ˆ๋Œ€ ๊ทธ๋Œ€๋กœ ๋„ฃ์ง€๋ง์•„๋ผ. ๋ฐ˜๋“œ์‹œ ์ž์‹  ๋‚˜๋ฆ„๋Œ€๋กœ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ•ด๋ผ.

  • ์œ ๋ช…ํ•œ ํŠœํ† ๋ฆฌ์–ผ๋“ค์€ ์ด๋ฏธ ๋ชจ๋“  ์‚ฌ๋žŒ๋“ค์ด ์•Œ๊ณ ์žˆ์–ด์„œ ํ‰๊ฐ€์ž๋Š” ์ด๋ฏธ ๋˜‘๊ฐ™์€ ๊ฒฐ๊ณผ๋ฌผ์„ ๋งŽ์ด ๋ณด์•˜์„ ๊ฒƒ์ด๋‹ค.

8. Easy Contact

  • ์ธ์‚ฌ๋‹ด๋‹น์ž๊ฐ€ ๋‹น์‹ ์—๊ฒŒ ์—ฐ๋ฝํ•˜๊ธฐ ์‰ฝ๊ฒŒํ•˜๋ผ.

  • ์ด๋ฉ”์ผ, ํ•ธ๋“œํฐ๋ฒˆํ˜ธ ๊ฐ™์€ ์—ฐ๋ฝ์ฒ˜๋ฅผ Navigation bar, About page, Contact section ๋“ฑ ์ž˜๋ณด์ด๋Š” ๊ณณ์— ์จ ๋†“์•„๋ผ.

9. Web Presence & Brand

  • ์ž์‹ ์„ ๋ธŒ๋žœ๋”ฉํ•  ์ˆ˜ ์žˆ๋Š” ์ˆ˜๋‹จ์„ ๋„ฃ์–ด๋ผ.

  • ์œ ํŠœ๋ธŒ๋ฅผ ํ•œ๋‹ค๋ฉด ์œ ํŠœ๋ธŒ ์ฑ„๋„, ๊ธ€์„ ์“ด๋‹ค๋ฉด ๋ธ”๋กœ๊ทธ ์ฃผ์†Œ๋‚˜ ๋ฏธ๋””์—„ ์ฃผ์†Œ, ๊นƒํ—ˆ๋ธŒ ์ฃผ์†Œ, SNS์ฃผ์†Œ ๋“ฑ

  • ๋ณธ์ธ ์‚ฌ์ง„์ด๋“  ๋กœ๊ณ ๋“ , ์—ฌ๋Ÿฌ ๋‹ค๋ฅธ ํ”Œ๋žซํผ์— ๋น„์Šทํ•˜๊ฑฐ๋‚˜ ๊ฐ™์€ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•ด๋ผ. ๊ทธ๊ฒŒ ์‹ซ๋‹ค๋ฉด primary color๋ผ๋„ ์ผ๊ด€๋˜๊ฒŒ ํ•˜๋ผ.

10. Be Yourself

  • ๊ฐ€์žฅ ๋˜‘๋˜‘ํ•œ ์‚ฌ๋žŒ์ด ๋˜๋ ค๊ณ ํ•˜์ง€ ๋ง์•„๋ผ. ๋˜‘๋˜‘ํ•ด๋ณด์ด๋ ค๊ณ  ์• ์“ฐ์ง€ ๋ง์•„๋ผ.

  • ๊ทธ๋ƒฅ ์†”์งํ•˜๊ฒŒ ์ž์‹ ์„ ํ‘œํ˜„ํ•ด๋ผ.

  • ๋‹น์‹ ์˜ ์—ด์ •, ์ทจ๋ฏธ, ํŠน๊ธฐ ๋“ฑ ๋‹น์‹ ์„ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ๊ฒƒ๋“ค์„ ๋„ฃ์–ด๋„ ์ข‹์ง€๋งŒ, Keep it Simple!