[노드 1팀] 1주차. JavaScript 조건문(conditionals), 함수(functions), 배열(array)

1. 자바스크립트 시작

console.log()

확인하고 싶은 메세지나 데이터를 콘솔에 기록하기 위해 사용한다.

주석

// 를 사용하거나 /* */ 사이에 적는다.

2. 변수 선언

var

중복 할당과 재할당이 가능하다.

let

중복 선언이 불가하고 재할당이 가능하다.

const

상수 선언 시 사용하고 재할당은 불가하다.

 

typeof

값의 데이터 유형(문자열)을 반환한다.

` ${} `

템플릿 리터럴은 백틱 안에서 사용 가능하다.

 

3. 조건문

if

주어진 조건이 true라고 평가되면 작업을 실행한다.

else if

if가 아닌 다른 조건이 true라고 평가되면 작업을 실행한다.

else

주어진 조건이 false일 경우 작업을 실행한다.

let hungerLevel = 7;

if(hungerLevel>7){
  console.log('Time to eat!');
} else {
  console.log('We can eat later!');
}

 

비교 연산자

===, !==, <, >, <=, >= 6가지를 사용한다.

논리 연산자

and(&&), or(||), not(!)를 사용한다.

 

삼항 연산자

간결한 if...else 문장을 단순화하기 위해 사용한다.

let userName = "";

userName ? console.log("Hello, " + userName + "!") : console.log("Hello!");

 

switch

여러 문장을 단순화 else if -> case로 나눠서 사용한다.

let athleteFinalPosition = 'first place';

switch(athleteFinalPosition){
  case 'first place':
    console.log('You get the gold medal!');
    break;
  case 'second place':
    console.log('You get the silver medal!');
    break;
    console.log('No medal awarded.');
    break;
}

 

4. 함수

특정 작업을 수행하기 위해 일련의 명령문을 그룹화하는 재사용 가능한 코드 블록이다.

function sayThanks(name) {
  console.log("Thank you for your purchase " + name + "! We appreciate your business.");
}
sayThanks("Cole");

매개변수를 통해 필요한 상황에 따라 호출하여 사용 가능하다.

name = "annie" 와 같이 기본값을 할당 할 수 있다.

 

화살표 함수

간결하게 함수를 정의할 수 있다.

const plantsNeedWater = (day) => (day === "Wednesday" ? true : false);

 

5. 배열

데이터를 저장하는 목록이다.

let groceryList = ["bread", "tomatoes", "milk"];

 

 

다음과 같이 대괄호([])로 배열을 생성한다.

groceryList[1] = "avocados";

다음과 같이 필요한 항목의 데이터를 변경할 수 있다.

 

배열에서 사용 가능한 다양한 메소드가 존재한다.

push()

배열 끝에 추가한다.

pop()

배열 끝 요소를 제거한다.

shift()

배열 앞에서 제거한다.

unshift()

배열 앞에서 추가한다.

slice(n,m)

n에서 m-1까지 반환한다.

indexOf()

배열 인덱스에 해당하는 값을 반환한다.

 

---

Quiz

1.     콘솔 페이지에 데이터나 메세지를 기록하기 위해서 (      )를 사용한다.

2.     변수 선언 방법 3가지는 (     ), (     ), (     )가 있다.

3.     변수 선언 방법 중 상수 선언을 위해 (     )를 사용한다.

4.     비교 연산자 중 같은지를 비교하는 연산자는 (     )이다.

5.     배열 끝에 추가하는 메소드는 (    )이다.

6.     N에서 m-1까지 반환하는 메소드는 (      )이다.

7.     배열 끝의 요소를 제거하는 메소드는 (       )이다.

 

Programing Quiz

1.  Num이라는 변수가 짝수인지 홀수인지를 콘솔 창에 나타내는 삼항 연산자 코드를 작성하시오.

2. Day라는 변수가 수요일이 맞는지 아닌지 true, false 콘솔창에 띄우기 화살표 함수 isWednesday 코드를 작성하시오.

 

---

1번 답

const num = 4; 
num % 2 == 1 ? console.log(number + "는 홀수입니다.") : console.log(number + "는 짝수입니다.");

 

2번 답

const isWednesday = (day) => (day === "Wednesday" ? true : false);
console.log(isWednesday("수요일"));

 

 

 

---

 

출처 : codecademy Learn Javascript

 

Corner Node.js 1

Editor : krong