목차 1. if 문 2. 삼항연산자( ? ) 1. if문 if 문은 조건을 평가하여, 결과에 따라 어느 코드블럭을 실행할지 결정한다. 문법(Syntax) if( 조건절 ) { true 시 실행 블럭 } else { false 시 실행 블럭 } if( 조건절 1번 ) { 1번 true 시 실행 블럭 } else if ( 조건절 2번 ){ 2번 true 시 실행 블럭 } else { false 시 실행 블럭 } 형변환 if 문은 조건절(소괄호)의 표현식을 평가하여 불린값으로 형 변환하여 코드 블럭을 진행한다. falsy : 0, " ", Null, undefined, NaN 같은 형 변환시 false가 되는 값들 truthy : 이 외의 값들 2. 삼항 연산자( ? ) if 문과 ..

목차 1. 형 변환(type conversion) 2. String(문자열) 3. Number(숫자) 4. Boolean(논리값) 1. 형 변환(type conversion) 자바스크립트에서는 함수나 연산자에 값이 전달될 때 내가 지정하지 않아도 자동으로 타입이 지정된다. 데이터 타입이 자동으로 변경 되는데 이를 형변환이라고 한다. 어떠한 값에대해 의도적으로 원하는 값으로 바꾸는 경우에도 형 변환이라고 한다. 오늘은 간단하게 기본적인 형변환을 알아보도록하고, 객체와 같은 복잡한 데이터의 형변환은 따로 자세히 알아보도록 하자. 2. String(문자열) 숫자 1에대해 문자열 1과, 숫자형 1이 존재한다. console.log(typeof 1) // number console.log(typeof "1") /..

목차 1. 데이터 타입 2. Number(숫자) 3. BigInt(숫자) 4. String(문자열) 5. Boolean(불린형, true / false) 6. Null 7. Undefined 8. Object(객체형) 9 연산자 typeof 1. 데이터 타입 자바스크립트에서 값이란 항상 문자열(String), 숫자형(Number), 객체(Object) 등과 같은 특정 자료형에 속해있다. 자바스크립트에서는 크게 2가지, 원시형태와 객체형태로 나뉘고, 그 안에서 좀 더 세분화해서 나누어져 있다. 원시형태 Number(숫자) BigInt(숫자, 정수) String(문자열) Boolean(참 / 거짓) Null Undefined Symbol 객체형태 Object(객체) Array(배열) ... 2. Number..

목차 1. 객체 2. 연산자 in 1. 객체(Object) .자바스크립트에서 많은 데이터를 담기 위해서 사용되는 데이터 형이다. 객체 안의 값은 참조형태이며, 중괄호( { } )로 감싸서 표현한다. 객체 안의 데이터는 키(key)와 값(value)으로 구분되며, 키에는 문자형, 값에는 모든 자료형이 허용된다. 이 두 가지를 묶어 프로퍼티(property, 속성)라고 한다. 객체 생성하는 방법 객체 생성자 문법 객체 리터럴 문법 객체 생성자 문법은 new 키워드를 이용하여 생성자 함수를 실행 시키는 방법이고, 객체 리터럴 문법은 {...}를 이용해 직접 선언하는 방법이다. 객체의 값을 읽는 방법 점 표기법을 이용하면 객체의 값을 읽을 수 있다. 하지만, 여러가지 단어를 조합해 키를 만들었을 경우 대괄호 표..

목차 1. 함수 2. 함수 선언식 3. 함수 표현식 4. 화살표 함수 5. 콜백 함수 6. 함수의 기능 6.1. 일반 함수 6.2. 생성자 함수 6.3. 객체 메서드 1. 함수(function) 스크립트에 코드를 작성하여도 동작은 가능하나 한 번만 실행되고 다시 사용이 불가능하다. 다시 사용하고 싶은 동작(코드)이 있을 때, 함수로 선언하고 사용한다면 함수를 호출하는 것만으로도 언제 든지 재사용이 가능하다. (실행시키고 싶은 코드를 모아 놓는다.) 자바스크립트에서는 3가지 방법으로 함수를 선언할 수 있다. 각 방법마다 조금씩 기능의 차이가 있으니 이에 유의하자. 2. 함수 선언식(function declaration) function 키워드를 이용해서 함수를 선언할 수 있다. function을 이용해 선..

목차 1. Promise의 한계 2. async와 await 1. Promise의 한계 Promise는 만들기가 굉장히 어렵다는 단점이 존재한다. 그리고 프로미스 체이닝을 사용하여, 연결을 할 때에 아래로 길게 뻗어나가 보기가 불편하다는 점도 있다. 이를 해결하기 위해서 async와 await이 등장했다. 2. async와 await async와 await을 사용하면, Promise를 좀 더 편하게 사용할 수 있다. async 함수 async function a () { return "a" } const b = async () => { return "b" } 정말 간단하게 함수 앞에 async를 붙이면 된다. 함수 앞에 async를 붙이게 되면 함수는 항상 프라미스를 반환한다. async가 붙은 함수는 ..