[section 1] JavaScript - 1

1. Java Script

JavaScript란?

브라우저, 서버, 모바일 개발이 가능한 멀티 패러다임 프로그래밍 언어

---

console.log()

console.log('javascript!');	//javascript

코드를 실행하여 출력결과를 확인

---

데이터 타입

Number 타입

JavaScript는 정수, 음수, 실수를 모두 표현가능

123;	//typeof 'number'
-123;	//typeof 'number'
123.123;	//typeof 'number'

String 타입

따옴표(’), 쌍따옴표(”), 백틱(`)모두 가능, 백틱은 줄바꿈도 가능

❖ 문자열 안에서 따옴표를 사용할때는 선언한 따옴표와 다른걸로 표현해야한다.

"자바"+"스크립트";	//자바스크립트
"자바"+" "+"스크립트";	//자바 스크립트

문자열 길이

console.log('abc'.length)	//3

인덱스

let str = "abcdef";
console.log(str[0]);	//a
console.log(str[2]);	//c

0부터 몇번째의 위치하는지 확인

문자열 메서드

• concat(): 문자열 이어붙이기
• slice(): 문자열 자르기
• toLowerCase(): 소문자로 병경
• toUpperCase(): 대문자로 변경

'java'.concat('script'); // 'javascript'
'javascript'.slice(0, 5); // 'java' 0번째부터5번째전까지
'JAVASCRIPT'.toLowerCase(); // 'javascript'
'javascript'.toUpperCase(); // 'JAVASCRIPT'

indexof(): 특정 문자의 위치 찾기

`javascript`.indexof('j');	//0

includes(): 특정 문자가 포함되어 있는지 확인

`javascript`.includes('j');	//true

---

falsy

boolean x, false로 여겨지는 값들

false
0
-0
0n
""
''
``
null
undefined
NaN

---

비교연산자

boolean을 비교연산자로 두값을 비교

456 ===(400+56)		//true
456 !==(400+56)		//false
200 > 100;	 	// true 
100 >= 100;	 	// true 

---

변수

javascript에서는 특정 데이터에 이름을 붙이는 변수를 let으로 표현

let string = '변수';
let number = 12345;
let boolean = false;
let array = [1, 'abc', false];
let object = {name: 'jungo', age: 25};
let empty = null;
let notDefined = undefined;

아무것도 할당하지 않은 변수, (=초기화)

let variable;
console.log(variable) // undefined

템플릿 리터럴

문자열 표현 중 백틱을 사용하는 방법, 문자열 내부에 변수 삽입 가능

let mbti = 'ENFJ';
let age = 25;
let name = 'jungo';
console.log(`${mbti} ${age} ${name}`); // 'ENFJ 25 jungo'

❖ 문자열에서 공백을 삽입하기 위해 ‘ ‘를 사용하는 것보다 템플릿 리터럴을 사용하면 가독성을 증가시켜준다.

console.log(java + ' ' + script); // 'java script'