렛츠기릿 자바스크립트 책 #1 순서도, 콘솔, 자료형, 연산자

렛츠기릿 자바스크립트 책 #1 순서도, 콘솔, 자료형, 연산자

 

 

 

순서도 그리기

- 이중 원 : 시작, 끝 표시, 끝은 없을 수도 있다 ◎

- 타원 : 일반 절차 ○

- 마름모 : 판단(Yes or No) ◇

- 이중 사각형 : 특수 상황(대기, 이벤트) 

- 화살표 : 흐름 →

 

 

 

웹브라우저 '콘솔'

-  >  : 프롬프트, 명령을 입력하고 Enter 를 누르면 코드 실행됨

- 인터프리터 방식 : 코드를 한 덩어리씩 실행해 결과 출력(자바스크립트)

- 컴파일 방식 : 코드를 컴퓨터 언어로 변환 후 한번에 실행(C, C++, 자바 등)

-  REPL (Read-Eval-Print Loop) : 코드를 한 줄씩 입력받고, 받은 입력을 평가 후 결과 출력. 이 과정을 반복하는 특성.

 

 

 

문자열(String)

- typeof '     ';  : 입력한 값의 자료형의 종류를 알려줌

- 공백과 띄어쓰기는 서로 다른 값이다.

- 문자 표현 : '   ',  "   ", `  `

 

- 이스케이핑 : 문자가 다르게 해석되게 하는 행위 ex) 따옴표를 이스케이핑한다. 라고 표현

-  \  : 문자열 내부 따옴표 앞에 붙이면 그 다음에 나오는 문자를 기존과는 다르게 처리.

-  \n  : 줄바꿈

 

- 템플릿 리터럴 : 백틱(`)으로 감싸진 문자열

- 백틱 안에서는 \n 을 사용하지 않아도 Enter로 줄바꿈 가능

 

-  +  : 문자열이 길어질 때 줄바꿈을 하고 + 기호로 양쪽 문자열을 이어줄 수 있음. 줄바꿈 했지만 표현되는 것은 한 줄. +는 띄어쓰기 없이 문자열을 붙여주기 때문에 띄어쓰기가 필요하다면 문자열 끝에 임의로 띄어쓰기를 넣어줘야 한다.

 

 

 

숫자

- 숫자는 따옴표를 붙이지 않아도 된다.

- 숫자에 따옴표를 붙이면 문자열이 된다.

- 지수표기법 : 큰 숫자, 소숫점 아래 자릿수가 많을 때 숫자 표현. ex) 2e10=2024

 

-  parseInt  : 문자열을 정수로 만들어줌, 또는 기수법 적용

  > parseInt(110, 2);
  < 6 (110은 어떤 수를 2진법으로 표현한 수야? 6을 2진법으로 표현한 수야.)

 

- parseFloat  : 문자열을 실수로 만들어줌

- NaN : 숫자가 아니라는 뜻. (하지만, 자체는 숫자로 취급.)

 

 

 

산술연산자

 + (더하기),  - (빼기),  * (곱하기),   / (나누기),  % (나머지 구하기),  ** (거듭제곱)

- Infinity : 수가 무한

- Infinity - Infinity = NaN or 0 / 0 : 성립하지 않음

 

- 형 변환 : 자료형이 바뀌는 현상

- 문자열 + 다른 자료형 → 문자열(다른 자료형은 문자열로 바뀜)

> '문자열' + 0
< "문자열0"

 

- 연산자를 사용하면 다른 자료형은 숫자로 변환 후 연산 실행.

> '문자열' + 0 ;
< NaN (문자열은 숫자로 바꿀 수 없으므로 NaN, 그 후 연산)

> '2' + 1 ;
< 3

 

- 우선순위 : **, *, /, %   >>  +, -

- 부동소수점 문제 : 2진법으로 실수를 표현 시 무한 반복되는 실수가 있어 근삿값으로 저장하는데, 여기에서 차이가 발생한다. 이 문제를 해결하기 위해서는 실수를 정수로 바꿔서 계산 후 다시 실수로 변경하는 것.

 

 

 

불 값(boolean)

- true

- false

 

 

 

비교 연산자

- 비교 연산자로 숫자를 비교하면 결과값은 불 값(ture or false)이 나온다.

- <, >, ==, !=

 

- NaN 은 비교 연산자에서 false 값만 출력한다.

- true 보다 false 가 큰 값. 왜냐하면 true 는 1 이고, false 는 0 이기 때문.

- 문자열끼리의 비교는 문자의 번호가 클 수록 큰 값.

 

-  charCodeAt  : 문자의 번호를 알려줌

 

- 문자열과 숫자 비교 시 문자열은 숫자로 변환 후 비교됨.

- 불 값도 연산 시 숫자로 변환.

 

-  ===, !==  : 자료형까지 같이 비교. (==, !=는 자료형이 다르면 형 변환 후 비교한다는 차이가 있음)

 

 

 

논리연산자

- &&(그리고), || (또는) , ! (not)

-  !! '문자열';  : 다른 자료형을 불 값으로 형 변환, 대부분의 값은 불 값으로 형 변환했을 때 true 가 되는데 flase 가 나오는 값들이 있다. 예를 들면, false, 빈문자열, 0, NaN, undefined, null 이 있다.

 

 

 

빈 값

- undefined : 빈 값. 반환할 결괏값이 없을 때 출력. (불 값으로 형 변환 시 false 값, 하지만 false 값과 같지는 않다.)

- null : undefined 와 같이 빈값이지만, 자료형은 다르다. (불 값으로 형 변환 시 false 값, 하지만 false 값과 같지 않음)

- null 의 자료형은 null 이 나와야 정상이지만 버그로 인해 object라고뜸. 따라서 null 값을 확인하기 위해서는 === 로 자료형을 비교하는 방식으로 사용해야 한다.

> typeof null;
< "object"