js는 프로그래밍 언어로 브라우저, Node.js, REPL 등 다양한 환경에서 실행할 수 있다.
console.log('hello world'); // hello world
console.log()로 메서드 출력이 가능하다.
js에서 숫자는 모두 Number 타입으로 표현한다.
같은 숫자 값 사이에 사칙연산을 할 수 있다.
+, -, *, /
를 js에서 산술 연산자라고 부른다.
좀 더 복잡한 계산을 위해서는 Math 내장 객체를 사용한다.
Math.ceil(100.621); // ? 101
Math.round(100.621); // ? 101
Math.round(100.421); // ? 100
Math.abs(-100); // ? 100
Math.abs(100); // ? 100
Math.sqrt(4); // ? 2
Math.sqrt(2); // ? 1.1414~
Math.pow(2, 5); // ? 32
( // ? "결과값")
js 데이터 타입 String은 문자열로, 인간의 언어를 js에서 표현하기 위한 데이터 타입이다.
따옴표("), 쌍따옴표("), 백틱(`)으로 감싼다.
문자열은 index를 조회할 수 있다.
console.log(company[5]) //? 'n'
console.log(company[1]) //? 'o'
console.log(company[0]) //? 'c'
( // ? "결과값")
Boolean은 사실 관계를 구분하기 위한 타입이다. true
와 false
중 하나이다.
console.log(5 < 6); // ? true
console.log(5 >= 6); // ? false
console.log(5 > 6); // ? false
console.log(5 <= 5); // ? true
console.log(10 === 10); // ? true
console.log('10'!== '10'); // ? false
( // ? "결과값") //==은 사용하지 않는다.
모든 사물에는 이름이 있다. js에서도 데이터를 편하게 다루기 위해
데이터에 이름을 붙일 수 있는데 그 이름을 변수라고 한다.
구구단을 예시로 들자.
console.log(5 * 1); // 5
console.log(5 * 2); // 10
console.log(5 * 3); // 15
console.log(5 * 4); // 20
console.log(5 * 5); // 25
console.log(5 * 6); // 30
console.log(5 * 7); // 35
console.log(5 * 8); // 40
console.log(5 * 9); // 45
이때 구구단 6단을 출력하고 싶을 때 변수를 적용시킨다.
변수 선언 키워드 : let
공간 이름 : num
= 변수
구구단 6단
let num; // 변수 선언
num = 6; // 값 할당
console.log(num * 1); // 6
console.log(num * 2); // 12
console.log(num * 3); // 18
console.log(num * 4); // 24
console.log(num * 5); // 30
console.log(num * 6); // 36
console.log(num * 7); // 42
console.log(num * 8); // 48
console.log(num * 9); // 54
코드의 양은 많아졌어도 편리함을 얻는다.
template literal(템플릿 리터럴) 은 백틱(`) 을 사용하는 방법이다.
문자열 내부에 변수 삽입을 할 수 있는 기능이 있다.
템플릿 리터럴 내부에 ${}
를 사용하여 변수를 삽입할 수 있다.
(이때, 문자열이 할당되지 않은 변수도 문자열로 취급한다.)
let course = 'SEB FE';
let cohort = 99;
let name = 'kimcoding';
console.log(`${course} ${cohort} ${name}`); // 'SEB FE 99 kimcoding'
단어와 단어 사이에 공백을 삽입하기 위해 템플릿 리터럴을 사용하는 것이 가독성에서 우수하다.
let course = 'SEB FE';
let cohort = 99;
let name = 'kimcoding';
console.log(course + ' ' + cohort + ' ' + name); // 'SEB FE 99 kimcoding'