[๐Ÿฆ TIL 25์ผ์ฐจ] 7์›” 6์ผ

๊ทผ๋“€ยท2023๋…„ 7์›” 6์ผ
0

ํ”„๋ก ํŠธ์—”๋“œ์Šค์ฟจ TIL

๋ชฉ๋ก ๋ณด๊ธฐ
25/30
post-thumbnail

1. ์กฐ๊ฑด๋ฌธ (Condition)

๐Ÿ“Œ if๋ฌธ

 if (์กฐ๊ฑด){
 	์กฐ๊ฑด์ด ๋งž์œผ๋ฉด ...
  }else if(์ƒˆ๋กœ์šด ์กฐ๊ฑด){
  	์ƒˆ๋กœ์šด ์กฐ๊ฑด์ด ๋งž์œผ๋ฉด ...
  }else{
  	์•„๋‹ˆ๋ฉด ...
  }
  • ๋งˆ์ง€๋ง‰ else๋Š” ํ•„์ˆ˜๊ฐ€ ์•„๋‹Œ ์„ ํƒ์‚ฌํ•ญ์ด๋‹ค.

๐Ÿ“Œ ๋ฌผ์Œํ‘œ์—ฐ์‚ฐ์ž

  • ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ 3๊ฐœ์ด๊ธฐ ๋•Œ๋ฌธ์— '์‚ผํ•ญ ์—ฐ์‚ฐ์ž'๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค.
let result = condition ? value1 : value2;

2. ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž

๐Ÿ“Œ OR ์—ฐ์‚ฐ์ž (๋…ผ๋ฆฌํ•ฉ)

result = value1 || value2 || value3;
  • ์ฒซ ๋ฒˆ์งธ true๋ฅผ ์ฐพ์œผ๋ฉด ๋ฐ˜ํ™˜ํ•˜๊ณ  ์•„๋‹ˆ๋ฉด ๋งˆ์ง€๋ง‰ false๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

๐Ÿ“Œ AND ์—ฐ์‚ฐ์ž (๋…ผ๋ฆฌ๊ณฑ)

result = value1 && value2 && value3;
  • ์ฒซ ๋ฒˆ์งธ false๋ฅผ ์ฐพ์œผ๋ฉด ๋ฐ˜ํ™˜ํ•˜๊ณ  ์•„๋‹ˆ๋ฉด ๋งˆ์ง€๋ง‰ true๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

๐Ÿ“Œ NOT ์—ฐ์‚ฐ์ž

result = !value;
  • ๋ถˆ๋ฆฐํ˜•์„ ๋ณ€ํ™˜ํ•ด์ค€๋‹ค.

3. Switch ๋ฌธ

  • ์กฐ๊ฑด์ด ๋งŽ์„ ๋•Œ if๋ฌธ์„ switch๋ฌธ์œผ๋กœ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค.
switch(x) {
  case 'value1':  // if (x === 'value1')
    ...
    [break]

  case 'value2':  // if (x === 'value2')
    ...
    [break]

  default:
    ...
    [break]
}

4. Nullish ๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž

  • ?? ์ •์˜๋œ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
x = (a !== null && a !== undefined) ? a : b;

๐Ÿ“Œ '??'์™€ '||'์˜ ์ฐจ์ด โญโญโญ

  • ||๋Š” ์ฒซ ๋ฒˆ์งธย truthyย ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • ??๋Š” ์ฒซ ๋ฒˆ์งธย ์ •์˜๋œ(defined)ย ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. โ†’ boolean ๊ฐ’์ด ์•„๋‹ˆ๋ผ ์ •์˜๋œ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

5. ๋ฐ˜๋ณต๋ฌธ

๐Ÿ“Œ while๋ฌธ

while (condition) {
  // ์ฝ”๋“œ
  // '๋ฐ˜๋ณต๋ฌธ ๋ณธ๋ฌธ(body)'์ด๋ผ ๋ถˆ๋ฆผ
}

๐Ÿ“Œ โ€˜doโ€ฆwhileโ€™ ๋ฐ˜๋ณต๋ฌธ

do {
  // ๋ฐ˜๋ณต๋ฌธ ๋ณธ๋ฌธ
} while (condition);

do..whileย ๋ฌธ๋ฒ•์€ ์กฐ๊ฑด์ด truthy ์ธ์ง€ ์•„๋‹Œ์ง€์— ์ƒ๊ด€์—†์ด, ๋ณธ๋ฌธ์„ย ์ตœ์†Œํ•œ ํ•œ ๋ฒˆ์ด๋ผ๋„ ์‹คํ–‰ํ•˜๊ณ  ์‹ถ์„ ๋•Œ๋งŒ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.

6. ํšŒ๊ณ 

๋ฒŒ์จ ๋ชฉ์š”์ผ์ด๋‹ค. ์˜ค๋Š˜๋„ ์—ญ์‹œ๋‚˜ ๊ฐœ๋…์€ ์–ด๋Š์ •๋„ ์ดํ•ดํ–ˆ์ง€๋งŒ ์šฉ์–ด๊ฐ€ ์–ด๋ ต๋‹ค. ์™œ์ด๋ ‡๊ฒŒ ์–ด๋ ค์šด ์šฉ์–ด๊ฐ€ ๋งŽ์€์ง€.. ์ผ๋‹จ ์ด๋Ÿฐ๊ฒŒ ์žˆ๋‹ค์ •๋„๋กœ๋งŒ ๋„˜๊ธฐ๊ณ ๋Š” ์žˆ๋Š”๋ฐ ์ด๊ฒŒ ๋งž๋Š”๊ฑด์ง€..
๊ทธ๋ฆฌ๊ณ  ์ง„๋„๊ฐ€ ๋„ˆ๋ฌด ๋นจ๋ผ์„œ ๋ณต์Šตํ•˜๊ธฐ๋„๋ฒ…์ฐจ๋‹ค.. ๋ฌผ๋ก  ์ปค๋ฆฌํ˜๋Ÿผ ์‹œ๊ฐ„ํ‘œ๋Œ€๋กœ ๋‚˜๊ฐ€์•ผํ•˜๊ณ  ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•ด์„œ์ธ๊ฑด ์•Œ์ง€๋งŒ ๋ณต์Šต์„ ์ œ๋Œ€๋กœ ํ• ์ˆ˜๊ฐ€์—†์–ด์„œ ๋‹ค์Œ์ฃผ์— ํž˜๋“ค ๊ฒƒ ๊ฐ™๋‹ค. ํ•ด์•ผํ•  ๊ฑด ๋งŽ์€๋ฐ ์ •๋ง ์ž ์ž˜ ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•˜๋‹ค..

๊ทธ๋ฆฌ๊ณ  HTML/CSS ์™€ ๋‹ฌ๋ฆฌ ์ด๋ก ์ ์ธ ๊ฐœ๋…๋งŒ ๋‚˜๊ฐ€๊ณ ์žˆ์–ด์„œ ์ง‘์ค‘์ด ์ž˜์•ˆ๋œ๋‹ค. ์ƒ๊ฐํ•˜๋ฉด์„œ ์ฝ”๋“œ๋ผ๋„ ์ณ๋ณด๋ฉด ์–ด๋Š์ •๋„ ์ง‘์ค‘์ด ๋ ํ…๋ฐ ์ด๋ก ๋งŒ ๋ฐฐ์šฐ๋‹ˆ๊นŒ ๋„ˆ๋ฌด ์กธ๋ฆฌ๋‹ค.. ๋ฌผ๋ก  ๊ธฐ์ดˆ๊ฐ€ ์ œ์ผ ์ค‘์š”ํ•˜์ง€๋งŒ ๋‚œ ์—ญ์‹œ ์ด๋ก ์€ ์•ˆ๋งž๋Š”๋‹ค...

์˜ค๋Š˜ ์ฒซ ์ด๋ ฅ์„œ ํŠน๊ฐ•์ด ์žˆ์—ˆ๋Š”๋ฐ ๋‚ด ์—ญ๋Ÿ‰์˜ ๊ฐ•์ ์„ ์ฐพ์•„์•ผํ•œ๋‹ค๊ณ  ๋“ค์—ˆ๋‹ค. ๋‚ด๊ฐ€ ์ž˜ํ•˜๋Š”๊ฒŒ ๋ญ˜๊นŒ ์ •๋ง ์–ด๋ ต๋‹ค. ํŠน๋ณ„ํžˆ ์ž˜ํ•˜๋Š”๊ฒŒ ์—†์–ด์„œ ๋ญ˜ ์ ์–ด์•ผํ• ์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค. ๋‚˜...์ทจ์—…ํ• ์ˆ˜์žˆ์„๊นŒ... ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ• ์ˆ˜์žˆ์„๊นŒใ… ใ… ใ…  ๊ณ ๋ฏผ์„ ๊ณ„์† ํ•˜๋‹ค๋ณด๋‹ˆ ์˜์ง€๊ฐ€ ๋„ˆ๋ฌด ๋–จ์–ด์กŒ๋‹คใ… ใ… ใ… ใ… 

profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ทจ์ค€์ƒ์ž…๋‹ˆ๋‹ค.

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