์ƒ์„ธ ์ปจํ…์ธ 

๋ณธ๋ฌธ ์ œ๋ชฉ

[๋…ธ๋“œ 2ํŒ€] #1.JavaScript ๋ณ€์ˆ˜ ์„ ์–ธ, ์กฐ๊ฑด๋ฌธ, ํ•จ์ˆ˜, ๋ฐฐ์—ด

24-25/Node.js 2

by sksmsyena 2024. 10. 4. 10:00

๋ณธ๋ฌธ

728x90

๐ŸŒŸํ‚ค์›Œ๋“œ: ๋ณ€์ˆ˜ ์„ ์–ธ, ์กฐ๊ฑด๋ฌธ, ํ•จ์ˆ˜, ๋ฐฐ์—ด
 


 
 

1. ๋ณ€์ˆ˜ ์„ ์–ธ

๋ณ€์ˆ˜ ์„ ์–ธ์—๋Š” ๋Œ€ํ‘œ์ ์œผ๋กœ 2๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค.  let, var์ด๋‹ค.
 
1-1. let
ํ•œ ํŒŒ์ผ ์•ˆ์—์„œ๋งŒ ๊ธฐ๋Šฅํ•œ๋‹ค.
 
1-2 var
var๋กœ ์„ ์–ธ์„ ํ•˜๋ฉด let๊ณผ ๋‹ค๋ฅด๊ฒŒ ๋‹ค๋ฅธ ํŒŒ์ผ์—์„œ๋„ ์ž‘์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค.
 
 

2. ์กฐ๊ฑด๋ฌธ

2-1.  if/else ๋ฌธ
 
if ์•ˆ์— ์žˆ๋Š” ์กฐ๊ฑด์‹์ด ์ฐธ์ธ ๊ฒฝ์šฐ, if๋ฌธ์„, else if๋ฌธ์„ ์‹คํ–‰ํ•œ๋‹ค.
๋‹จ, ์กฐ๊ฑด๋ฌธ(if, else if)์— ๋ชจ๋‘ ํ•ด๋‹นํ•˜์ง€ ์•Š๊ฒŒ ๋˜๋ฉด else์— ์žˆ๋Š” ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋œ๋‹ค.
else if๋Š” ๋ฌดํ•œํžˆ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค.

let stopLight = 'yellow';

if (stopLight === 'red') {
  console.log('Stop!');
} else if (stopLight === 'yellow') {
  console.log('Slow down.');
} else if (stopLight === 'green') {
  console.log('Go!');
} else {
  console.log('Caution, unknown!');
}

 
 
 
2-2. switch ์กฐ๊ฑด๋ฌธ
์–ด๋–ค ๊ฐ’์„ ๊ฐ€์ง„ ๋Œ€์ƒ์„ ๋‘๊ณ  ์กฐ๊ฑด๊ฐ’๊ณผ ์ผ์น˜ํ•˜๋Š”์ง€๋ฅผ ํ™•์ธํ•˜๊ณ  ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค.
 
swtich์˜ ๋ณ€์ˆ˜์™€ case์˜ ์ƒ์ˆ˜๋ฅผ ๋น„๊ตํ•˜๋ฉฐ ์ผ์น˜ํ•˜๋ฉด ์‹คํ–‰, ์ผ์น˜ํ•˜์ง€ ์•Š์œผ๋ฉด ๋‹ค์Œ case๋ฌธ์œผ๋กœ ๋„˜์–ด๊ฐ„๋‹ค.
๋‹จ, break๋ฅผ ๋งŒ๋‚˜๋ฉด swtich์˜ ์ค‘๊ด„ํ˜ธ๋ฅผ ๋น ์ ธ๋‚˜๊ฐ€๊ฒŒ ๋œ๋‹ค.
 

switch(a) {
  case 1 : 
        console.log('a๋Š” 1์ž…๋‹ˆ๋‹ค.');
        break;
   case 2:
        console.log('a๋Š” 2์ž…๋‹ˆ๋‹ค.'); 
        break;
    default:
        console.log('a๋Š” 1๋„ 2๋„ ์•„๋‹™๋‹ˆ๋‹ค.'); 
}

 

3. ํ•จ์ˆ˜

3-1. ํ•จ์ˆ˜๋ž€?
๋‹ค๋ฅธ ๊ฐ์ฒด์ฒ˜๋Ÿผ ์†์„ฑ ๋ฐ method๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ธ์ž๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ ๋ธ”๋ก์ด๋‹ค. ์ฆ‰, ํ•จ์ˆ˜๋Š” ์ž์ฒด ๋ฒ”์œ„๋ฅผ ๊ฐ€์ง„๋‹ค.
 

// ํ•จ์ˆ˜ ์„ ์–ธ
function add (x, y) {
  var result = x + y;
  console.log(result);
  return result;
}

 
3-2. ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ?
์ฝ”๋“œ๋ฅผ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•œ ๋ฒˆ ์ •์˜ํ•˜๊ณ , ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค. ๋‹ค๋ฅธ ์ธ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋™์ผํ•œ ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋‹ค๋ฅธ ๊ฒฐ๊ณผ๋ฅผ ๋„์ถœํ•  ์ˆ˜ ์žˆ๋‹ค.
 
 

4. ๋ฐฐ์—ด

4-1. ๋ฐฐ์—ด์ด๋ž€?
์ด๋ฆ„๊ณผ ์ธ๋ฑ์Šค๋กœ ์ฐธ์กฐ๋˜๋Š” ์ •๋ ฌ๋œ ๊ฐ’์˜ ์ง‘ํ•ฉ์ด๋‹ค.

// ๋ฐฐ์—ด ์ƒ์„ฑ (๋นˆ ๋ฐฐ์—ด)
var arr = []; 

arr[0] = 'zero';
arr[1] = 'one';
arr[2] = 'tow';

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

 
4-2. ๋ฐฐ์—ด ํŠน์ง•
- ๋ฐฐ์—ด ์š”์†Œ์˜ ํƒ€์ž…์ด ๊ณ ์ •๋˜์–ด ์žˆ์ง€ ์•Š๋Š”๋‹ค. ๊ฐ™์€ ๋ฐฐ์—ด์— ์žˆ๋Š” ๋ฐฐ์—ด ์š”์†Œ๋ผ๋ฆฌ์˜ ํƒ€์ž…์ด ์„œ๋กœ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค.
- ๋ฐฐ์—ด ์š”์†Œ์˜ ์ธ๋ฑ์Šค๊ฐ€ ์—ฐ์†์ ์ด์ง€ ์•Š์•„๋„ ๋˜๋ฉฐ, ๋น„์–ด ์žˆ์„ ์ˆ˜๋„ ์žˆ๋‹ค.
- Array ๊ฐ์ฒด๋กœ ์ •์˜๋œ๋‹ค.

 


 

*QUIZ*

1. ๊ฐ์ฒด ์„ ์–ธ์—๋Š” 2์ข…๋ฅ˜๊ฐ€ ์žˆ๋‹ค. ( )๊ณผ  ( )์ด๋‹ค.

2. ( )๋Š” ํ•œ ํŒŒ์ผ ์•ˆ์—์„œ๋งŒ ์ ์šฉ๋˜๊ณ , ( )๋Š” ์—ฌ๋Ÿฌ ํŒŒ์ผ ์•ˆ์—์„œ ์ ์šฉ๋œ๋‹ค.

3. ์กฐ๊ฑด๋ฌธ์—๋Š”  (  )์™€  (  )๊ฐ€ ์žˆ๋‹ค.

4. ์กฐ๊ฑด๋ฌธ์—์„œ (  )๋ฅผ ๋งŒ๋‚˜๋ฉด ๋น ์ ธ๋‚˜์˜จ๋‹ค. 

5. ๋‹ค๋ฅธ ๊ฐ์ฒด์ฒ˜๋Ÿผ ์†์„ฑ ๋ฐ method๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ธ์ž๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ ๋ธ”๋ก์„ (  )๋ผ๊ณ  ํ•œ๋‹ค.

6. ์ด๋ฆ„๊ณผ ์ธ๋ฑ์Šค๋กœ ์ฐธ์กฐ๋˜๋Š” ์ •๋ ฌ๋œ ๊ฐ’์˜ ์ง‘ํ•ฉ์„ (  )๋ผ๊ณ  ํ•œ๋‹ค. 

7. ๋ฐฐ์—ด์€ (  )๊ฐ์ฒด๋กœ ์ •์˜๋œ๋‹ค.

 

1.  ์•„๋ž˜ ํ•จ์ˆ˜๋ฅผ ์ฑ„์šฐ์‹œ์˜ค.

function sub (x, y) {
     let result = x - y;
     //์ถœ๋ ฅ
     //๋ฐ˜ํ™˜๊ฐ’
}

 

2.

let arr = [];
//์ธ๋ฑ์Šค 3๋ฒˆ๊นŒ์ง€ ๊ฐ’ ์ž…๋ ฅ ํ›„ ์ธ๋ฑ์Šค 1๋ฒˆ๊ฐ’ ์ถœ๋ ฅ

 


*QUIZ ์ •๋‹ต*

1. var, let

2. let, var

3. if/else, switch

4. break

5. ํ•จ์ˆ˜

6. ๋ฐฐ์—ด

7. Array

 

 

1. console.log(result); return result;

2. arr[0] = 'one';

arr[1] = 'two';

arr[2] = 'three';

arr[3] = 'four';

console.log(arr[1]);

 


 
 

Corner node.js 2ํŒ€

Editor : ์€ํ‚ค

728x90

๊ด€๋ จ๊ธ€ ๋”๋ณด๊ธฐ