빅데이터 부트캠프 79일차 (JavaScript)

JavaScript

- 웹페이지를 동적으로 만들어주는 언어

- 객체 기반의 스크립트 프로그래밍 언어

- Python과 같은 인터프리터 방식

 

명령 적용 방식

- 내부 body script = 파일 내에서 <script>~</script> 태그 내에 코드 작성

- 외부 body script = <script src="JS파일 경로"></script>를 통해 외부에서 작성한 js코드 적용

 

변수 선언 방식

- var = 기본적인 선언 방식 (처음에 선언한 후 다음에 또 다른 줄에서 같은 변수를 재선언하면 재선언한 변수가 적용)

- let = 한번 선언하면 다음에 재선언 불가(일종의 전역변수로 {}내에서 지역변수로 재정의하여 사용가능)

- const = 한번 선언하면 다음에 재선언 불가 (일종의 상수로 {}내에서 지역변수 재정의도 불가능)

=> 코드의 안정성을 위해 var 사용은 지양되는 추세 

 

기본 출력 메소드

- console.log()  = 웹 브라우저의 콘솔창에 출력

※ console.log()로 콘솔창에 데이터를 출력할 때 ``과 ${}을 이용하면 반복문, 조건문, 함수에서 이용되는 요소들을 간편하게 호출하여 텍스트 데이터에 입력할 수 있음 (파이썬의 f-string과 비슷)

ex) let name = 'Mike'

console.log(`이름은 : ${name}`) => 콘솔 창에 [이름은 : Mike] 출력

- alert() = 대화상자를 통해 출력

- prompt()  = 대화상자를 통해 출력값 입력받음

- document.getElementByID().innerHTML =  getElementByID()로 HTML 요소를 선택하여 해당 요소가 입력될 경우 출력될 텍스트 설정 (getElementByID()이외에 getElementsByTagName()도 사용가능)

- document.write()  = 웹 페이지 화면에 출력

 

데이터 타입

- number = 숫자 (정수, 실수 구분 X)

- string = 문자열 

- boolean = true/false

- undefined = 어느 타입도 속하지 않은 상태

- null = 값이 할당되지 않은 상태

- object = 객체

- Symbol = 유일하고 변경할 수 없는 타입 (new로 생성 불가능하며 Symbol() 메소드로 생성)

=> object[Symbol] = value 형태로 유일한 key로써 사용함

- typeof = 해당 데이터의 타입 반환

 

기본 연산

- 산술 연산 = +, -, *, /, %, **, //, ++, -- 등

- 대입 연산 = +=, -=, *=, = 등

- 비교 연산 : ==(데이터 값만 비교), ===(데이터 값 및 타입 비교)

ex)  1 == '1' -> true, 1 === '1' -> false

- 논리 연산 : ||, &&, !

 

조건문

- Java와 같은 if(조건문) {실행문} else {실행문}

 

반복문

- Java와 같은 for() {초기식; 표현식; (증감문)}, while(조건) {반복 실행문}, do{반복 실행문} while(조건)

 

배열(array) 기본 함수

- .length = 배열 길이 반환

- join() = 배열의 내부 요소들을 지정한 텍스트로 구분하여 하나의 문자열 값으로 출력

- push() = 배열의 맨 뒤에 값 추가

- pop() = 배열의 맨 뒤에 값 제거

- unshift() = 배열의 맨 앞에 값 추가

- shift() = 배열의 맨 앞에 값 제거

 

- slice() => slice(1) = [1:], slice(2,4) = [2:4]

- splice() => slice와 출력값은 같지만 반환하는 데이터가 참조한 리스트에서 제거됨(pop()의 슬라이싱 버전) 

 

- find() = 지정한 조건을 만족하는 요소중 제일 순서가 앞인 값을 반환

- filter() = 지정한 조건을 만족하는 모든 요소를 모아 배열로 반환

 

- foreach(요소명, 인덱스, 배열) = 주어진 함수를 배열의 각 요소마다 실행

※ 인덱스와 배열은 선택적으로 입력가능한 파라미터 => 해당 요소의 인덱스와 해당 요소가 속한 배열을 출력 가능하게함

 

- reduce(누산기, 현재 요소, 현재 요소 인덱스, 호출한 배열) = 지정한 연산에 대한 각 배열 요소의 결과값 총합 반환

※ 누산기에 지정한 연산에 대한 결과값들이 누적되어 최종적으로 누적된 연산의 총합이 반환됨 

※ 누산기, 현재 요소, 현재 요소 인덱스, 호출한 배열을 지칭하는 명칭을 모두 자유롭게 명명할 수 있음