Java Script Basics 1

파이썬 기초를 미리 배운 상태에서 자바 스크립트를 배웠다.
구조가 좀 다를 뿐 개념이 비슷해서 수월하게 익힐 수 있었음

연산

나머지연산
%
7%3 1

거듭제곱
**

2***3 = 8

함수

naming: 소문자, 띄어쓰기 이후 대문자

function teraToGiga(parameter1, parameter2 ) {
 return
};


PYTHON
Def name():
	return Implement

Print문

console.log ();

PYTHON
print()

Data Type 자료형

Number

Integer
숫자형

String

backtick, back quote

`”hi”`

Boolean

true or false (lower case)

'=' located after '><'

=
<=
=== same
!== not same

&& -> and
|| -> or
! -> not

null & undefined

'값이 없다'

null: "의도적으로" 값이 없다는 점을 표현할 때 사용하는 값
undefined: "처음부터" 값이 없다는 것을 확인하는 값

let hi;
console.log(hi); //-> 출력 undefined

let hello = null;
console.log(hello); //-> 출력 null

null == undefined 동등 true
null === undefined 불일치이므로 false

undefined 출력되는 두가지 경우

1. 변수 할당하지 않음

let x;
console.log(x);

2. 함수에 return 없음

function sayHello(name) {
	console.log(`안녕 ${name}님!`);
console.log(sayHello('최고'));

typeof 연산자

내가 사용하는 값의 어떤 자료형인지 확인하기위해

console.log(typeof true); -> boolean 출력

연산자의 우선순위(precedence)
가장높은 우선순위: 괄호 ()

type conversion 형변환

string을 Number()로 감싸서 형변환

console.log(Number(‘10’) + Number(“5”));
15

Number를 String()으로 감싸서 형변환

console.log(String(10) + String(5));
105

Boolean

1: true
0: false

falsy
1. ‘ ‘ (빈칸)
2. 0
3. NaN (not a number)

일반적으로 불린의 문자열 등은 true, (Falsy제외)

자동 형변환

JS는 서로 다른 자료형의 연산이 가능함

1. 산술 연산자: (+, -, *, /, %, ** )

더하기'+': 문자열 연결 기능이 강함, 숫자를 문자열로 자동변환
더하기 기호 제외는 모두 숫자형으로 변환

console.log ('4' + 2); //-> 42 출력

console.log ('4' - true); //-> 3 출력

2. 관계 비교 연산 (>=, <)

숫자형과 문자열이 섞여있을 경우 숫자열로 자동 변환

console.log (2 < '3'); //-> true 문자열 3이 숫자형으로 변환
console.log ('two' >= 1); //-> 비교 불가능 NaN -> false

3. 같음 비교 연산(===, !==, ==, !=)

일치.불일치 === 을 사용하는게 안전
동등.부등 == 는 숫자로 자동형변환

console.log (1 === true); //-> false 형변환 x
console.log (1 == true); //-> true 출력,true === 1

템플릿 문자열

문자열을 더하기 기호로 연결할 수 있지만 가독성이 좋지 않음
backtick 과 ${} 사용 가독성 높임

let year = 2018;
let month = 3;
let day = 11;

console.log (`생년월일은` ${year}년 ${month}월 ${day}일 입니다.`);

from Codeit 자바스크립트 기초