객체(Object) 목차 1. 객체 나타내는 방법 2. 접근, 추가, 삭제 3. 단축 프로퍼티 4. 프로퍼티 존재 여부 확인 5. for... in 반복문 6. 예제 1.객체 나타내는 방법 Superman인 이름이 clark이고 나이가 33인 인물을 객체로 표현해보자 const superman = { name: 'clark', age: 33, } 객체는 {}로 나타내고, name은 키(key) 'clark'은 값(value)이라고 부른다. 새로 더 추가하고 싶을 때는 ,(쉼표)를 사용해서 구분한다. 마지막 줄에 쉼표는 없어도 되지만, 있는게 나중에 혹시 수정할 때 편하다. 여기에서는 일단 키와 값을 합쳐 프로퍼티라고 부르겠다. 2. 접근, 추가, 삭제 3. 단축 프로퍼티 단축 프로퍼티를 활용하면 더 간단..

함수 표현식, 화살표 함수(arrow function) 목차 1. 함수 선언문 vs 함수 표현식 2. 화살표 함수(arrow function) 1. 함수 선언문 vs 함수 표현식 아래 함수 선언문과 함수 표현식의 예를 보자 // 함수 선언문 예 function sayHello(){ console.log('Hello'); } 이름이 없는 함수로 만들고 변수를 선언해서 함수를 할당했다. // 함수 표현식 예 let sayHello = function(){ console.log('Hello'); } 둘 다 실행, 동작 방식 모두 똑같다 차이점은 호출할 수 있는 타이밍이다. 자바스크립트는 인터프리터 언어(Interpreter languge): 순차적으로 실행되고 즉시 결과를 반환하는 프로그램 언어이다. 함수 선..

함수(function) 목차 0. 사용 이유 1. 함수의 기본 생김새 2. 지역변수 전역 변수 3. return으로 값 반환 4. 함수(function) TIP 0. 사용 이유 중복되는 코드를 함수로 지정해주면 중복작성을 하지 않고 간단하게 표현할 수 있다. 지금까지 썼던 console, alert, confirm 은 모두 내장 함수이다. 자바스크립트에서 기본적으로 함수로 정해놓은 것이다. 함수의 기본 생김새 function sayHello(name){ console.log(`Hello, ${name}`); } sayHello(name); // Hello, name 출력 function: 함수라는 뜻 sayHello: 함수명(아무거나 가능) name: 매개변수(없을 수도 있고, 한 개, 두 개 이상일 수..

switch(스위치) 목차 0. 사용 이유 1. 사용 예시 2. break의 필요성 3. else와 똑같은 역할을 하는 default 4. 동일한 결괏값 case 합치기 0. 사용 이유 스위치는 왜 사용하는 걸까? 사실 swich와 if는 사용에 큰 차이점이 없다. 나는 명확한 단일 케이스별로 구분하고 싶을 때는 case를, 범위별로 구분하고 싶을 때는 if를 사용하는 편이다. 아래 코드는 switch로 작성하고, if로 작성한 똑같은 조건이다. switch(평가){ case A: // A일때 코드 case B: // B일때 코드 ... } if(평가 == A){ // A일때 코드 } else if(평가 == B){ // B일때 코드 } 1. 사용 예시 만약 사용자에게 어떤 과일을 사고 싶은지 물어보고,..

반복문(for, while, do while) + break, continue 목차 0. 사용 이유 1. for 2. while 3. do while 4. break 5. continue 0. 사용 이유 1부터 10까지 로그를 찍어달라고 했을 때, console.log(1); console.log(2); console.log(3); . . 위와 같이 찍으면 될 것이다. 그런데 1부터 100까지, 1부터 10,000까지 찍어달라고하면? 헉, 100개의 콘솔 로그를 찍기는 너무 힘들다. 이렇게 동일한 작업을 여러번 반복할 때 쓰는 것이 반복문(Loop)이다. 1. for 가장 많이 사용하는 반복문은 for이다. 명확한 횟수가 정해져 있는 경우 주로 사용한다. for (let i = 0; i < 10; i++..

기본, 비교, 논리 연산자, 조건문 목차 1. 기본 연산자 (1) %의 쓰임 (2) 거듭제곱 (3) 연산자의 우선순위 (4) 연산자 줄여서 쓰기 (5) 증가 연산자, 감소 연산자 2. 비교 연산자, 조건문( = == !=, if, else) (1) 비교 연산자 (2) 동등 연산자 (3) 조건문(if, else) 3. 논리 연산자 (AND, OR, NOT) (1) ||(OR) (2) &&(AND) (3) !(NOT) (4) 우선순위 1. 연산자(Operators) 종류는 다섯 가지이다 +, -, *, /, % (1) %의 쓰임 우리가 흔히 +, -, *, /는 보니 알겠는데, %(나머지)는 어디에 쓸까? 예시 1) 홀짝 구분 홀수: X % 2 = 1 짝수: Y % 2 = 0 예시 2) 어떤 값이 들어..