[JavaScript] JavaScript Basic

JavaScript란?

• 자바스크립트는 객체(object) 기반 스크립트 언어
• 웹의 동작을 구현할 수 있다.
• 주로 웹 브라우저에서 사용, Node.js와 같은 프레임워크 사용하여 서버 작업을 할 수 있다.
• 컴퓨터 스마트폰 등 대부분의 웹 브라우저에 자바스크립트 인터프리터가 내장됨

자바스크립트의 특징

1. 객체 기반의 스크립트 언어
2. 동적이며, 타입을 명시할 필요 없는 인터프리터 언어
3. 객체 지지향형 프로그래밍과 함수형 프로그래밍 모두 표현

자바스크립트의 활용

1. HTML의 '내용' 변경
2. HTML의 '속성' 변경
3. HTML의 '스타일' 변경

자바스크립트 출력

1. window.alert()
2. HTML DOM 요소를 이용한 innerHTML 프로퍼티
   ex) str = documnet.getElementByID("text");
         str.innerHTML = "~~~";
   innerHTML 프로퍼티를 이용하여 HTML의 content이나 attribute 값 등을 변경할 수 있다.
3. document.write()
4. console.log()

외부 자바스크립트 파일을 사용하면 HTML 코드와 자바스크립트 코드를 각각 읽기가 편해지고, 유지 보수가 쉬워진다.
또한, 외부 자바스크립트 파일은 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 또한 빨라진다.

심볼(symbol)

심볼 타입은 ESMAScript 6부터 새롭게 추가된 타입.
심볼은 유일하고 변경할 수 없는 타입으로, 객체의 프로퍼티를 위한 식별자로 사용할 수 있다.
var sym = Symbol("javascript");

묵시적 타입 변환(implicit type conversion)

특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환하여 사용

명시적 타입 변환(explicit type conversion)

제공 전역 함수
Number()
String()
Boolean()
Object()
parseInt()
parseFloat()

숫자를 문자열로 변환

toExponential() -> 정수 부분은 1자리, 소수 부분은 입력받은 수만큼 e 표기법을 사용 숫자를 문자열로 변환
toFixed() -> 소수 부분을 입력받은 수만큼 사용하여 숫자를 문자열로 변환함.
toPrecision() -> 입력받은 수만큼 유효 자릿수를 사용하여 숫자를 문자열로 변환

문자열을 숫자로 변환

1. parseInt() -> 문자열을 파싱하여 특정 진법의 정수 반환
2. parseFolat() -> 문자열을 파싱하여 부동 소수점 수를 반환