코드스테이츠 프리코스 1주차 후기(1)

*코드스테이츠 프리코스 33기를 수강하면서 2019년 4월 30일(화)에 학습한 내용을 정리한 포스팅입니다.

*https://soldonii.github.io에서 작성한 글을 티스토리로 옮겨온 포스팅입니다.

*자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :)

---

1. 변수와 타입(Variable, Type)

1) 변수(Variable)

• 변수는 let으로 선언하고, 선언할 때는 '='(부등호)를 사용한다. 예를 들면, let myName = "Hyunsol"와 같은 형태로 선언한다. 이 때, '=' 등호 기호는 일반적인 수학에서의 '같다'의 의미가 아니다. 값을대입, 할당(assign)한다는 의미이다.︎︎︎︎
• 위의 코드를 예시로 들자면, myName이라는 변수에 "Hyunsol"이라는 문자열을 대입한 것이다.
• 변수︎︎︎︎︎명에는 공백을 쓸 수 없다.(ex. let your name = "soldonii" 같은 변수명은 불가능)
• 자바스크립트에서 변수명은 단어 첫 글자를 대문자로 사용하는 CamelCase를 사용한다.(ex. let firstName = "Hyunsol")
• 변수 선언 시, 동일한 변수를 이용하여서 대입이 가능하다. 예를 들면, let sum = 1; sum = sum + 2;

2) 타입(Type)

• 자바스크립트에서 변수의 type은 숫자형, 문자형, Boolean(true/false), 자료형[배열(array), 객체(object)] 등이 있다.

// 자료형의 예시 
let fruits = ['banana', 'apple', 'pineapple', 'orange']; // 배열(array)의 예시 
let person = { name : "hyunsol", age : 29, isStudent : false }; // 객체(object)의 예시

 

2. 조건문(Conditional)

• 조건문에는 반드시 비교 연산자(comparison operator)가 필요하다.︎ 조건문은 if, else if, else로 구성되며, 조건에는 Boolean으로 결과가 도출되는 표현식을 작성해주는 것이 원칙이다.
• 두 가지 이상의 조건이 적용될 경우에는 ➙ 논리 연산자(logical operator)를 사용해야 한다.
• && : and 연산자(ex. isStudent && isFemale; 학생이고 동시에 여성인 조건)
• ||: or 연산자(ex. isStudent || isFemale; 학생이거나 또는 여성인 조건)
• ! : truthy, falsy 결과값을 반전(ex. !isStudent && isFemale; 학생이 아니고 동시에 여성인 조건)
• undefined ➙ false로 취급한다. "Hello"와 같은 string ➙ true로 취급한다.
• 기억해야 할 6가지 falsy값 ➙ false, null, NaN(Not a Number), undefined, 0, ''(empty string)
• OR연산자(||)의 실행순서

// 왼쪽에서 오른쪽으로 평가순서가 실행된다. 
undefined || 10; // 결과는 10 5 || 10; // 결과는 5 5 || console.log("실행되지 않음"); // 결과는 5

// 둘 다 falsy한 경우, 뒤 쪽의 값을 출력한다. 
undefined || false; // 결과는 false

• AND연산자(&&)의 실행순서

// falsy한 값을 만나면, 그 값을 출력 
undefined && 10 // 결과는 undefinded 
5 && false // 결과는 false

// 둘 다 truthy하면, 뒤 쪽의 값을 출력 
5 && 10 // 결과는 10 {% endhighlight %}

3. 함수(Function)

• 함수를 선언하는 방법에는 크게 2가지가 있다.

// 1번 방식 
function myFunction(input) {
// 컴퓨터에게 시킬 일 
} 

// 2번 방식 
let myFunction = function(input) {
// 컴퓨터에게 시킬 일 
}

• parameter : 함수를 선언할 때, 함수에 input될 변수를 parameter라고 한다. 아래 예시에서 speed, distance가 parameter에 해당된다.

let timeToGoHome = function(speed, distance) {
  let time = distance / speed;
  console.log(time);
}

• 함수 바깥으로 결과물을 가져오기 위해서는, console.log가 아니라 **return을 사용한다.

let timeToGoHome = function(speed, distance) {// 여기서 speed, distance 이 두 개의 변수를 parameter라고 한다. 
  let time = distance / speed;
  return(time); // console.log()가 아니라, return()을 해야 실행의 결과물이 함수 밖으로 도출된다.
}