JavaScript 기본 문법

JavaScript

; 1995년, 웹페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어

- 일반적으로 HTML문서에 내재, 브라우저에서 실행

- 인터프리터 언어 ; C언어처럼 컴파일 작업을 거치지 않고 바로 실행할 수 있는 언어

- 타입 명시 x

+ TypeScript ; MS에서 개발한 자바스크립트의 상위 언어

자바스크립트 프레임워크 ; 자바스크립트로 작성된 애플리케이션 프레임워크

- 라이브러리 ; 부모 코드에 의해 호출될 함수들을 제공 / 프레임워크 ; 애플리케이션 디자인 전반을 정의

ex) AngularJS, ReactJS, Node.js, Vue.js

 

ECMA

(=ES) ; Ecma International이 ECMA-262기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어

- 기술이 특별히 변경이되지않고 계속 누적되며 업데이트 됨

 

API(Application Programming Interface) 

; 개발자가 직접 구현하기는 어렵거나 불가능한 기능들을 미리 만들어서 제공하는 것
- 브라우저 API ; 웹브라우저에 내장
ex) DOM(HTML 콘텐츠 추가, 제거, 변경 가능), Geolocation(지리정보 가져옴), Canvas(2D 그래픽), WebGL API(3D 그래픽)
- 서브파티 API ; 브라우저에 탑재 x, 웹의 어딘 가에서 직접 코드와 정보를 찾아야함
ex) Twitter API(최신 트윗 보여줌)

 

HTMl문서와 Javascript 연결

내부 자바스크립트 코드 적용

; html>head>script 내부에 적기

외부 자바스크립트 파일 적용

; html>head 안에 <script src="java.js"></script> 삽입

 

자바스크립트 출력

1. window.alert() ; 별도의 대화 상자 띄워 사용자에게 데이터 전달

ex) alert("반갑습니다 xx님.");

2. HTML DOM 요소를 이용한 innerHTML ; getElementById() or getElementsByTagName() 등 통해 HTML 요소선택

ex) var str = document.getElementById("text");           str.innerHTML="이 문장으로 바뀜";

str은 id="text"인 요소를 가리킴 -> str의 값 변경

3. document.write() ; 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력

- 주로 테스트, 디버깅을 위해 사용

ex) document.write('안녕하세요')

4. console.log() ; 웹 브라우저의 콘솔을 통해 데이터를 출력

ex) console.log('안녕하세요')

 

# 리터럴 ; 직접 표현되는 값 그 자체

ex) 12 / "JAVASCRIPT" / true 등

# 식별자 작성 방식

- Camel Case ; 첫 번째 단어 모두 소문자, 그 다음 단어부터 첫 문자만 대문자 

ex) javaScript

- Underscore ; 언더코드로 단어들 연결

ex) java_script

# 주석 

// 주석문

/* 주석문 */

# DOM(Document Object Model) ; XML, HTML문서에 접근하기 위한 일종의 인터페이스

- 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법 제공

 

- 세미클론을 붙여도 되고, 안붙여도 됨. 붙이지 않을 경우 알아서 붙여서 해석함 but 특이 case 제외 안붙이는 것 권장

 

typeof ; 데이터 타입 확인   ex) typeof "hello world" but [],{},null 모두 object로 반환

=== ; 일치 연산자

== ; 동등연산자. 형 변환이 일어나 그것을 비교함 -> 비추

 

let, const ; 블록 레벨의 유효범위를 가짐, 즉 지역변수

var ; 함수 레벨의 유효범위를 가짐, 즉 전역변수 but 비추

 

Falsy(거짓 같은 값) ; false, '', null, undefined, 0, -0, NAN

Truty(참 같은 값) ; 그 외