๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ฌ/ใ…ใ……ใ…Œใ…‹ใ…ใ…… ์ฑŒ๋ฆฐ์ง€

ํŒจ์ŠคํŠธ ์บ ํผ์Šค ์ฑŒ๋ฆฐ์ง€ 9์ผ์ฐจ

๐Ÿณ 9์ผ์ฐจ

 

Part 1. HTML/CSS/JS๋กœ ๋งŒ๋“œ๋Š” ์Šคํƒ€๋ฒ…์Šค ์›น์‚ฌ์ดํŠธ

Ch 9. JS ์„ ํ–‰

 


 

Ch 9. JS ์„ ํ–‰

 

์ฃผ์ œ

 

  • ํ‘œ๊ธฐ๋ฒ•
  • JS ๊ธฐ์ดˆ ๋ฌธ๋ฒ•
  • DOM API
  • ๋ฉ”์†Œ๋“œ ์ฒด์ด๋‹

 

 

์ฃผ์š” ๋‚ด์šฉ

 

 ๐Ÿ”— ํ‘œ๊ธฐ๋ฒ• 

  • dash-case: HTML, CSS
  • snake_case: HTML, CSS
  • camelCase: JS
  • PercelCase: JS(new ์ƒ์„ฑ์ž)

 

 ๐Ÿ”— ์ž๋ฃŒํ˜• 

  • undefined: ๊ฐ’์ด ํ• ๋‹น๋˜์ง€ ์•Š์€ ์ƒํƒœ๋ฅผ ๋‚˜ํƒ€๋‚ธ๋‹ค.
  • null: ์–ด๋–ค ๊ฐ’์ด ์˜๋„์ ์œผ๋กœ ๋น„์–ด์žˆ์Œ์„ ์˜๋ฏธํ•œ๋‹ค.

์ž๋ฃŒํ˜•

 

 ๐Ÿ”— ๋ณ€์ˆ˜ 

  • let: ์žฌํ• ๋‹น ๊ฐ€๋Šฅ
  • const: ์žฌํ• ๋‹น ๋ถˆ๊ฐ€๋Šฅ

 

 ๐Ÿ”— ํ•จ์ˆ˜ 

  • ์ต๋ช…ํ•จ์ˆ˜ => ๋Œ€๋ถ€๋ถ„ ๋ฐ์ดํ„ฐ๋กœ์จ ํ™œ์šฉ

 

๐Ÿ”— DOM API: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ HTML ์š”์†Œ๋ฅผ ์ œ์–ดํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋ช…๋ น๋“ค

defer

https://devjindev.tistory.com/55?category=911458 

 

[JavaScript] HTML์— JS ์—ฐ๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ• ๋น„๊ต / async VS defer ์ฐจ์ด์ 

๐Ÿ”ฝ HTML ํŒŒ์‹ฑ์— ๋Œ€ํ•ด์„œ๋Š” ์•„๋ž˜ ํฌ์ŠคํŠธ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š” ๐Ÿ”ฝ [HTTP] ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ๐Ÿ”— Browser Rendering(๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง)์ด๋ž€?  ์‚ฌ์šฉ์ž์˜ ์š”์ฒญ์„ ์„œ๋ฒ„์— ์ „๋‹ฌํ•˜๊ณ  ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ํ™”๋ฉด์— ๋‚˜ํƒ€๋‚ด๋Š”

devjindev.tistory.com

 

 

๋Š๋‚€์ 

 

 ์Šคํƒ€๋ฒ…์Šค ์˜ˆ์ œ๋ฅผ ์œ„ํ•ด ๊ฐ„๋‹จํ•œ js๊ฐ€ ํ•„์š”ํ•ด์„œ ์ง„ํ–‰ํ•˜๋Š” ํŠœํ† ๋ฆฌ์–ผ์ด์—ˆ๋‹ค. ์ดํ›„์— js essential, level up ํŠœํ† ๋ฆฌ์–ผ๋„ ์žˆ๋‹ค. ์ •๋ง ๋น ๋ฅด๊ณ  ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ธฐ์ดˆ js ๋ฌธ๋ฒ•์„ ๋”ฑ๋”ฑ ์•Œ๋ ค์ฃผ์—ˆ๋‹ค.

 


 

๋ณธ ํฌ์ŠคํŒ…์€ ํŒจ์ŠคํŠธ์บ ํผ์Šค ํ™˜๊ธ‰ ์ฑŒ๋ฆฐ์ง€ ์ฐธ์—ฌ๋ฅผ ์œ„ํ•ด ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

#ํŒจ์ŠคํŠธ์บ ํผ์Šค

#ํŒจ์บ ์ฑŒ๋ฆฐ์ง€

#์ง์žฅ์ธ์ธ๊ฐ•

#์ง์žฅ์ธ์ž๊ธฐ๊ณ„๋ฐœ

#ํŒจ์ŠคํŠธ์บ ํผ์Šคํ›„๊ธฐ

#ํ•œ_๋ฒˆ์—_๋๋‚ด๋Š”_ํ”„๋ก ํŠธ์—”๋“œ_๊ฐœ๋ฐœ_์ดˆ๊ฒฉ์ฐจ_ํŒจํ‚ค์ง€_Online

 

https://bit.ly/37BpXiC

 

ํŒจ์ŠคํŠธ์บ ํผ์Šค [์ง์žฅ์ธ ์‹ค๋ฌด๊ต์œก]

ํ”„๋กœ๊ทธ๋ž˜๋ฐ, ์˜์ƒํŽธ์ง‘, UX/UI, ๋งˆ์ผ€ํŒ…, ๋ฐ์ดํ„ฐ ๋ถ„์„, ์—‘์…€๊ฐ•์˜, The RED, ๊ตญ๋น„์ง€์›, ๊ธฐ์—…๊ต์œก, ์„œ๋น„์Šค ์ œ๊ณต.

fastcampus.co.kr