JS 기초

Taehye.on·2023년 2월 20일
2

코드스테이츠 44기

목록 보기
4/89
post-thumbnail

D-6

🔍 JavaScript

js는 프로그래밍 언어로 브라우저, Node.js, REPL 등 다양한 환경에서 실행할 수 있다.

console.log('hello world'); //  hello world

console.log()로 메서드 출력이 가능하다.

📌 Number 타입

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
( // ? "결과값")

📌 String 타입

js 데이터 타입 String은 문자열로, 인간의 언어를 js에서 표현하기 위한 데이터 타입이다.
따옴표("), 쌍따옴표("), 백틱(`)으로 감싼다.

문자열은 index를 조회할 수 있다.

console.log(company[5]) //? 'n'
console.log(company[1]) //? 'o'
console.log(company[0]) //? 'c'
( // ? "결과값")

📌 Boolean 타입

Boolean은 사실 관계를 구분하기 위한 타입이다. truefalse 중 하나이다.

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

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'

0개의 댓글