๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ

๐Ÿš€ ๋ชฉ์ฐจ

๐Ÿ“š ์ฑ… ์ •๋ณดโ€‹

โœŒ๏ธ Chapter 1: ๋ณ€์ˆ˜ ํ• ๋‹น์œผ๋กœ ์˜๋„๋ฅผ ํ‘œํ˜„ํ•˜๋ผโ€‹

  1. const๋กœ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๊ฐ’์„ ํ‘œํ˜„ํ•˜๋ผ.
  2. let๊ณผ const๋กœ ์œ ํšจ ๋ฒ”์œ„ ์ถฉ๋Œ์„ ์ค„์—ฌ๋ผ.
  3. ๋ธ”๋ก ์œ ํšจ ๋ฒ”์œ„ ๋ณ€์ˆ˜๋กœ ์ •๋ณด๋ฅผ ๊ฒฉ๋ฆฌํ•˜๋ผ.
  4. ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด๋กœ ๋ณ€์ˆ˜๋ฅผ ์ฝ์„ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•˜๋ผ.

โœŒ Chapter 2: ๋ฐฐ์—ด๋กœ ๋ฐ์ดํ„ฐ ์ปฌ๋ ‰์…˜์„ ๊ด€๋ฆฌํ•˜๋ผโ€‹

  1. ๋ฐฐ์—ด๋กœ ์œ ์—ฐํ•œ ์ปฌ๋ ‰์…˜์„ ์ƒ์„ฑํ•˜๋ผ.
  2. includes()๋กœ ์กด์žฌ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•˜๋ผ.
  3. ํŽผ์นจ ์—ฐ์‚ฐ์ž๋กœ ๋ฐฐ์—ด์„ ๋ณธ๋– ๋ผ.
  4. push() ๋ฉ”์„œ๋“œ ๋Œ€์‹  ํŽผ์นจ ์—ฐ์‚ฐ์ž๋กœ ์›๋ณธ ๋ณ€๊ฒฝ์„ ํ”ผํ•˜๋ผ.
  5. ํŽผ์นจ ์—ฐ์‚ฐ์ž๋กœ ์ •๋ ฌ์— ์˜ํ•œ ํ˜ผ๋ž€์„ ํ”ผํ•˜๋ผ.

โœŒ Chapter 3: ํŠน์ˆ˜ํ•œ ์ปฌ๋ ‰์…˜์„ ์ด์šฉํ•ด ์ฝ”๋“œ ๋ช…๋ฃŒ์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•˜๋ผโ€‹

  1. ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด ์ •์ ์ธ ํ‚ค-๊ฐ’์„ ํƒ์ƒ‰ํ•˜๋ผ.
  2. Object.assign()์œผ๋กœ ์กฐ์ž‘ ์—†์ด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋ผ.
  3. ๊ฐ์ฒด ํŽผ์นจ ์—ฐ์‚ฐ์ž๋กœ ์ •๋ณด๋ฅผ ๊ฐฑ์‹ ํ•˜๋ผ.
  4. ๋งต์œผ๋กœ ๋ช…ํ™•ํ•˜๊ฒŒ ํ‚ค-๊ฐ’ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐฑ์‹ ํ•˜๋ผ.
  5. ๋งต๊ณผ ํŽผ์นจ ์—ฐ์‚ฐ์ž๋กœ ํ‚ค-๊ฐ’ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆœํšŒํ•˜๋ผ.
  6. ๋งต ์ƒ์„ฑ ์‹œ ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ํ”ผํ•˜๋ผ.
  7. ์„ธํŠธ๋ฅผ ์ด์šฉํ•ด ๊ณ ์œณ๊ฐ’์„ ๊ด€๋ฆฌํ•˜๋ผ.

โœŒ Chapter 4: ์กฐ๊ฑด๋ฌธ์„ ๊น”๋”ํ•˜๊ฒŒ ์ž‘์„ฑํ•˜๋ผโ€‹

  1. ๊ฑฐ์ง“ ๊ฐ’์ด ์žˆ๋Š” ์กฐ๊ฑด๋ฌธ์„ ์ถ•์•ฝํ•˜๋ผ.
  2. ์‚ผํ•ญ ์—ฐ์‚ฐ์ž๋กœ ๋น ๋ฅด๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•˜๋ผ.
  3. ๋‹จ๋ฝ ํ‰๊ฐ€๋ฅผ ์ด์šฉํ•ด ํšจ์œจ์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•˜๋ผ.

โœŒ Chapter 5: ๋ฐ˜๋ณต๋ฌธ์„ ๋‹จ์ˆœํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ผโ€‹

  1. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ๋‹จ์ˆœํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ผ.
  2. ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ์งง๊ฒŒ ์ž‘์„ฑํ•˜๋ผ.
  3. map() ๋ฉ”์„œ๋“œ๋กœ ๋น„์Šทํ•œ ๊ธธ์ด์˜ ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•˜๋ผ.
  4. filter()์™€ find()๋กœ ๋ฐ์ดํ„ฐ์˜ ๋ถ€๋ถ„์ง‘ํ•ฉ์„ ์ƒ์„ฑํ•˜๋ผ.
  5. forEach()๋กœ ๋™์ผํ•œ ๋™์ž‘์„ ์ ์šฉํ•˜๋ผ.
  6. ์ฒด์ด๋‹์œผ๋กœ ๋ฉ”์„œ๋“œ๋ฅผ ์—ฐ๊ฒฐํ•˜๋ผ.
  7. reduce()๋กœ ๋ฐฐ์—ด ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ€ํ™˜ํ•˜๋ผ.
  8. for...in ๋ฌธ๊ณผ for...of ๋ฌธ์œผ๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ์ •๋ฆฌํ•˜๋ผ.

โœŒ Chapter 6: ๋งค๊ฐœ๋ณ€์ˆ˜์™€ return ๋ฌธ์„ ์ •๋ฆฌํ•˜๋ผโ€‹

  1. ๋งค๊ฐœ๋ณ€์ˆ˜ ๊ธฐ๋ณธ๊ฐ’์„ ์ƒ์„ฑํ•˜๋ผ
  2. ํ•ด์ฒด ํ• ๋‹น์œผ๋กœ ๊ฐ์ฒด ์†์„ฑ์— ์ ‘๊ทผํ•˜๋ผ
  3. ํ‚ค-๊ฐ’ ํ• ๋‹น์„ ๋‹จ์ˆœํ™”ํ•˜๋ผ
  4. ๋‚˜๋จธ์ง€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ธ์ˆ˜๋ฅผ ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌํ•˜๋ผ

โœŒ Chapter 7: ์œ ์—ฐํ•œ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด๋ผโ€‹

  1. ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์‰ฌ์šด ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•˜๋ผ
  2. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ณต์žก๋„๋ฅผ ๋‚ฎ์ถฐ๋ผ
  3. ๋ถ€๋ถ„ ์ ์šฉ ํ•จ์ˆ˜๋กœ ๋‹จ์ผ ์ฑ…์ž„ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ๊ด€๋ฆฌํ•˜๋ผ
  4. ์ปค๋ง๊ณผ ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ๋ฅผ ์กฐํ•ฉํ•œ ๋ถ€๋ถ„ ์ ์šฉ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ผ
  5. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ๋ฌธ๋งฅ ํ˜ผ๋™์„ ํ”ผํ•˜๋ผ

โœŒ Chapter 8: ํด๋ž˜์Šค๋กœ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์œ ์ง€ํ•˜๋ผโ€‹

  1. ์ฝ๊ธฐ ์‰ฌ์šด ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ค์–ด๋ผ
  2. ์ƒ์†์œผ๋กœ ๋ฉ”์„œ๋“œ๋ฅผ ๊ณต์œ ํ•˜๋ผ
  3. ํด๋ž˜์Šค๋กœ ๊ธฐ์กด์˜ ํ”„๋กœํ† ํƒ€์ž…์„ ํ™•์žฅํ•˜๋ผ
  4. get๊ณผ set์œผ๋กœ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋‹จ์ˆœํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ผ
  5. ์ œ๋„ˆ๋ ˆ์ดํ„ฐ๋กœ ์ดํ„ฐ๋Ÿฌ๋ธ” ์†์„ฑ์„ ์ƒ์„ฑํ•˜๋ผ
  6. bind()๋กœ ๋ฌธ๋งฅ์„ ํ•ด๊ฒฐํ•˜๋ผ

โœŒ Chapter 9: ์™ธ๋ถ€ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•˜๋ผโ€‹

  1. ํ”„๋ผ๋ฏธ์Šค๋ฅผ ์ด์šฉํ•ด ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋ผ
  2. async/await๋กœ ํ•จ์ˆ˜๋ฅผ ๋ช…๋ฃŒํ•˜๊ฒŒ ์ƒ์„ฑํ•˜๋ผ
  3. fetch๋กœ ๊ฐ„๋‹จํ•œ AJAX ํ˜ธ์ถœ์„ ์ฒ˜๋ฆฌํ•˜๋ผ
  4. localStorage๋กœ ์ƒํƒœ๋ฅผ ์žฅ๊ธฐ๊ฐ„ ์œ ์ง€ํ•˜๋ผ

โœŒ Chapter 10: ์ปดํฌ๋„ŒํŠธ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ด์šฉํ•ด ๊ด€๋ จ ํŒŒ์ผ์„ ๋ชจ์•„๋ผโ€‹

  1. ๊ฐ€์ ธ์˜ค๊ธฐ์™€ ๋‚ด๋ณด๋‚ด๊ธฐ๋กœ ๊ธฐ๋Šฅ์„ ๋ถ„๋ฆฌํ•˜๋ผ
  2. npm์œผ๋กœ ์ปค๋ฎค๋‹ˆํ‹ฐ ์ฝ”๋“œ๋ฅผ ๋Œ์–ด์™€๋ผ
  3. ์ปดํฌ๋„ŒํŠธ ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ด์šฉํ•ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค์–ด๋ผ
  4. ๋นŒ๋“œ ๋„๊ตฌ๋ฅผ ์ด์šฉํ•ด ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ฒฐํ•ฉํ•˜๋ผ
  5. CSS ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ํ™œ์šฉํ•˜๋ผ