Js study note ๐Ÿ“š 1

์œคํ˜„์ง€ยท2021๋…„ 8์›” 27์ผ
0

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€ ์˜์ƒ์„ ๋ณด๋ฉด์„œ ์ˆ˜ํ•„๋กœ ์ •๋ฆฌํ–ˆ๋˜ ๋‚ด์šฉ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ ์–ด๋†“์„ ๊ฒƒ์ด๋‹ค.

[ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€ ์˜์ƒ ]
https://www.notion.so/277f2906743742ae8f19b6494581058f

์„ ์–ธ

  • var
    : ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ. ์ถ”๊ฐ€๋กœ ๋™์‹œ์— ๊ฐ’์„ ์ดˆ๊ธฐํ™”.
  • let
    : ๋ธ”๋ก ๋ฒ”์œ„(scope) ์ง€์—ญ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ. ์ถ”๊ฐ€๋กœ ๋™์‹œ์— ๊ฐ’์„ ์ดˆ๊ธฐํ™”.
  • const
    : ๋ธ”๋ก ๋ฒ”์œ„ ์ฝ๊ธฐ ์ „์šฉ ์ƒ์ˆ˜๋ฅผ ์„ ์–ธ.

๊ฐ์ฒด

  • window ๊ฐ์ฒด
    : ์ตœ์ƒ์œ„ ๊ฐ์ฒด, ๋ฉ”์†Œ๋“œ์™€ ์‚ฌ์šฉ ์‹œ ์ƒ๋žต ๊ฐ€๋Šฅ
    ex) window.์†์„ฑ="๊ฐ’";
    window.๋ฉ”์†Œ๋“œ();
    window.๋ฉ”์†Œ๋“œ(์ธ์ˆ˜ ๊ฐ’);
    .
  • document ๊ฐ์ฒด
    : window ๊ฐ์ฒด์˜ ํ•˜์œ„ ๊ฐ์ฒด
    .
  • ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด
    : ์ค‘๊ด„ํ˜ธ({})๋กœ ๋ฌถ์ธ 0๊ฐœ ์ด์ƒ์ธ ๊ฐ์ฒด์˜ ์†์„ฑ๋ช…๊ณผ ๊ด€๋ จ ๊ฐ’ ์Œ ๋ชฉ๋ก. ~๋ฌธ์˜ ์‹œ์ž‘์— ์‚ฌ์šฉX.

ํ•จ์ˆ˜

function ํ•จ์ˆ˜๋ช…(arg1, arg2) {	//ํ•จ์ˆ˜ ์ •์˜
   //ํ•จ์ˆ˜ ๋ณธ๋ฌธ
}
ํ•จ์ˆ˜๋ช…(arg1 ๊ฐ’, arg2 ๊ฐ’);	//ํ•จ์ˆ˜ ํ˜ธ์ถœ

ํด๋ž˜์Šค

class MyClass {
  // ์—ฌ๋Ÿฌ ๋ฉ”์„œ๋“œ๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Œ
  constructor() { ... }
  method1() { ... }
  method2() { ... }
  method3() { ... }
  ...
}
  • ํด๋ž˜์Šค ์„ ์–ธ์€ ํ˜ธ์ŠคํŒ… ๋˜์ง€ ์•Š๋Š”๋‹ค.
  • ํด๋ž˜์Šค ์„ ์–ธ์€ let ์„ ์–ธ๊ณผ ๊ฐ™์ด ํ–‰๋™ํ•œ๋‹ค.
  • ํด๋ž˜์Šค ์„ ์–ธ์˜ ๋ชจ๋“  ์ฝ”๋“œ๋Š” strict ๋ชจ๋“œ๋กœ ์ž๋™ ์‹คํ–‰๋œ๋‹ค. ํด๋ž˜์Šค์˜ strict ๋ชจ๋“œ๋ฅผ ๊ฑฐ๋ถ€ํ•  ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์—†๋‹ค.
  • ๋ชจ๋“  ๋ฉ”์„œ๋“œ๋Š” ๋‚ด๋ถ€ [[Construct]] ๋ฉ”์„œ๋“œ๊ฐ€ ์—†์œผ๋ฉฐ new๋กœ ํ˜ธ์ถœํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.
  • new๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ํด๋ž˜์Šค ์ƒ์„ฑ์ž๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
  • ํด๋ž˜์Šค ๋ฉ”์„œ๋“œ ๋‚ด์—์„œ ํด๋ž˜์Šค ์ด๋ฆ„์„ ๋ฎ์–ด ์“ฐ๋ ค๊ณ ํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
    .
    .
    .

! ํด๋ž˜์Šค์™€ ํ•จ์ˆ˜๋Š” ์„ ์–ธ๊ณผ ํ‘œํ˜„์‹์ด๋ผ๋Š” ๋‘๊ฐ€์ง€ ํ˜•์‹์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋Š” ์ ์—์„œ ๋น„์Šทํ•˜๋‹ค.

  • ํ•จ์ˆ˜์™€ ํด๋ž˜์Šค ์„ ์–ธ์€ ์ ์ ˆํ•œ ํ‚ค์›Œ๋“œ (๊ฐ๊ฐfunction ๋˜๋Š”class)์™€ ์‹๋ณ„์ž๋กœ ์‹œ์ž‘๋œ๋‹ค.
  • ํ•จ์ˆ˜๋Š” function ๋‹ค์Œ์— ์‹๋ณ„์ž๋ฅผ ํ•„์š”๋กœํ•˜์ง€ ์•Š๋Š” ํ‘œํ˜„์‹ ํ˜•ํƒœ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ , ๋น„์Šทํ•˜๊ฒŒ ํด๋ž˜์Šค๋Š” class ๋‹ค์Œ์— ์‹๋ณ„์ž๋ฅผ ํ•„์š”๋กœํ•˜์ง€ ์•Š๋Š” ํ‘œํ˜„์‹ ํ˜•ํƒœ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.
profile
์œคํ˜„์ง€์š”

0๊ฐœ์˜ ๋Œ“๊ธ€