Bibi's DevLog ๐Ÿค“๐ŸŽ

์›น ํ”„๋กœ๊ทธ๋ž˜๋จธ ํ…ŒํฌํŠธ๋ฆฌ(๊ฐœ๋ฐœ์ž ๋กœ๋“œ๋งต) by ๋…ธ๋งˆ๋“œ ์ฝ”๋”, ํ˜ธ๋ˆ…์Šค ๋ณธ๋ฌธ

Records

์›น ํ”„๋กœ๊ทธ๋ž˜๋จธ ํ…ŒํฌํŠธ๋ฆฌ(๊ฐœ๋ฐœ์ž ๋กœ๋“œ๋งต) by ๋…ธ๋งˆ๋“œ ์ฝ”๋”, ํ˜ธ๋ˆ…์Šค

๋น„๋น„ bibi 2020. 10. 2. 21:01

www.youtube.com/watch?v=pEE_uJ-joUA

 

์ด ๊ธ€์€ ์œ„ ์˜์ƒ์„ ๋ณด๊ณ  ๊ทธ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

thank you ๋‹ˆ๊ผด๋ผ์Šค!

---

์›น ๊ฐœ๋ฐœ์ž ๋กœ๋“œ๋งต.

์›น ๊ฐœ๋ฐœ์ž ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ๋˜๊ธฐ๋กœ ๊ฒฐ์‹ฌํ–ˆ๋‹ค๋ฉด 

  • ๊ฐ€์žฅ ๋จผ์ € 'HTML, CSS'๋ฅผ ๊ณต๋ถ€ํ•ด๋ผ.
    • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ์•„๋‹ˆ์ง€๋งŒ, ์›น ๊ฐœ๋ฐœ์˜ ์ฃผ์ถง๋Œ.
    • ํ…์ŠคํŠธ ์—๋””ํ„ฐ, ๋ธŒ๋ผ์šฐ์ €์˜ ์ž‘๋™์›๋ฆฌ๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Œ.
  • ๊ทธ ๋‹ค์Œ Javascript - '๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ'๋ฅผ ๊ณต๋ถ€ํ•ด๋ผ.
    • Javascript๋Š” ๋ฐฉ๋Œ€ํ•จ. '๋งˆ์Šคํ„ฐ'ํ•˜๋Š” ๋ฐ ๋ชฉ์ ์„ ๋‘๋ผ๋Š” ๊ฒƒ์ด ์•„๋‹˜.
    • ์ž์‹ ์—๊ฒŒ ํ•„์š”ํ•œ & ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ดˆ์ ์ธ ๋‚ด์šฉ์„ ๋ฐฐ์šฐ๋ผ๋Š” ๋œป.
    • ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ค‘์‹ฌ์œผ๋กœ(๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์—†์ด!)
    • HTML์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ค๋ฃจ๊ณ  ์ˆ˜์ •ํ•˜๋Š” ๊ฒƒ์ด ํŽธํ•ด์งˆ ๋•Œ๊นŒ์ง€ ๋ฐฐ์›Œ๋ผ.(์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒํ•œ ์ˆ˜์ค€)
    • ์ถ”์ฒœ ํ”„๋กœ์ ํŠธ : ํˆฌ๋‘๋ฆฌ์ŠคํŠธ. ์ž‘์€ ์ธํ„ฐ๋ž™์…˜(ํŒ์—…, ์•Œ๋ฆผ์ฐฝ, ์ฑ„ํŒ…์ฐฝ..), 

* ์ฒ˜์Œ์—๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ณด๋‹ค ํ”„๋กœ๊ทธ๋ž˜๋ฐ์–ธ์–ด๋ฅผ ์œ„์ฃผ๋กœ ๋ฐฐ์›Œ๋ผ. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋จผ์ € ๊ณต๋ถ€ํ•˜๋ฉด, ๊ทธ ๊ธฐ๋ฐ˜์˜ ์ž‘๋™์›๋ฆฌ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์—†๋‹ค. ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์ง€์‹๋ณด๋‹ค ์ค‘์š”ํ•œ ๊ฒƒ์ด ์ดํ•ด์ด๋‹ค.

  • ๊ทธ ๋‹ค์Œ Javascript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ณต๋ถ€ํ•ด๋ผ - 'JQuery, React..'
    • ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ (๊ณ ์ƒํ•˜๋ฉฐ)์ฝ”๋”ฉ์„ ํ•˜๋ฉด์„œ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํ•„์š”์„ฑ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์•Œ๊ฒŒ ๋œ๋‹ค.
    • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๋‚จ๋“ค์ด ๋ฐฐ์šฐ๋ผ๊ณ  ํ•ด์„œ, ํŠธ๋ Œ๋””ํ•ด์„œ ๋ฐฐ์šฐ๋Š” ๊ฒŒ ์•„๋‹Œ 'ํ•„์š”์„ฑ์„ ์•Œ๊ณ  ๋ฐฐ์šฐ๋Š”'๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค.
  • ์ด์ œ ๋ฐฑ์—”๋“œ๋ฅผ ๊ณต๋ถ€ํ•  ์ฐจ๋ก€ - 'Node js, express'..
    • ์ž‘์€ ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค์–ด ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด ๋ณด๊ธฐ -> ํ”„๋ก ํŠธ์—”๋“œ-๋ฐฑ์—”๋“œ์˜ ๊ตฌ๋™์›๋ฆฌ ์ดํ•ดํ•˜๊ธฐ.
  • ์—ฌ๊ธฐ๊นŒ์ง€ ๊ณต๋ถ€ํ•˜๊ณ  ๋‚˜์„œ, Javascript๊ฐ€ ์ข‹์€์ง€ or Node js, express๊ฐ€ ์ข‹์€์ง€ ์ž์‹ ์—๊ฒŒ ๋ฌผ์–ด๋ณด๋ผ.
    • ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ๋ฅผ ๋ชจ๋‘ ๊ณต๋ถ€ํ•ด๋ณด์•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด์ œ ๋ฌด์—‡์„ ๊ณต๋ถ€ํ• ์ง€ ์ •ํ•  ์ˆ˜ ์žˆ์Œ.
  • ์–ด๋–ค ์–ธ์–ด/๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ , "๋ฐฐ์›Œ์•ผ ํ•ด์„œ ๋ฐฐ์šฐ๋Š”"๊ฒŒ ์•„๋‹ˆ๋ผ "ํ•„์š”ํ•ด์„œ ๋ฐฐ์šฐ๋Š”" ๊ฒƒ์ด ์ค‘์š”. ์™œ ํ•„์š”ํ•œ๊ฐ€?๋ฅผ ์ดํ•ดํ•˜๊ธฐ.
    • ์˜ˆ๋ฅผ ๋“ค์–ด ๋ฐ”๋‹๋ผ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋ณต์žกํ•ด์„œ ๋ฆฌ์•กํŠธ๋ฅผ ๋ฐฐ์šด๋‹ค๋˜๊ฐ€, ๋ฐ”๋‹๋ผ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ณด๋‹จ ํŒŒ์ด์ฌ์ด ์žฌ๋ฐŒ์–ด์„œ ํŒŒ์ด์ฌ์„ ๋ฐฐ์šด๋‹ค๋˜๊ฐ€..

 

------------------

์ฝ”๋“œ์Šค์ฟผ๋“œ ๋งˆ์Šคํ„ฐ ํ˜ธ๋ˆ…์Šค๋‹˜์˜ "์ดˆ๋ณด ์›น ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•˜์—ฌ"๋ผ๋Š” ๊ธ€์ด ์žˆ๊ธธ๋ž˜ ๊ฐ€์ ธ์™”๋‹ค.
์›น ๊ฐœ๋ฐœ์ž์˜ ๊ณต๋ถ€์ˆœ์„œ, ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ๋“ค, ๊ธฐํƒ€ ํŒ๋“ค์ด ๋งŽ์ด ๋“ค์–ด์žˆ๋‹ค.

github.com/honux77/practice/wiki/web-developer

 

honux77/practice

various programming practice. Contribute to honux77/practice development by creating an account on GitHub.

github.com