IT EVERYTHING

Hello World!>

※ node, vscode 사용

이후 콘솔창을 열어서 node main.js를 해주면 콘솔창에 Hello World가 출력되는것을 보실수 있습니다.

<Preparation>

index.html 에 기본 코드 입력후 title태그 밑에 main.js를 연결해주는 코드 작성

<script src="./main.js"></script>

이후 Live server extension 을 사용해 index.html 을 열어 console을 보면 Hello World!가 찍혀져 있는것을 볼수 있습니다.

<async vs defer>

parsing HTML ->  blocked  -> parsing HTML

               fetching js, executing js

단점 : 사용자가 웹 사이트를 보는데 많은 시간이 걸린다

parsing HTML -> fetching js -> executing

parsing HTML 과 fetching js 사이에 이미 "page is ready"

단점 : 웹 사이트가 javascript에 의존적이라면 fetching과 executing 하는 사이에 많은 시간이 걸리게 된다.

parsing HTML -> blocked -> parsing HTML -> "page is ready"

     fetching js -> executing js

sync: boolean 타입이고 , 기본적으로 true 값

HTML 을 parsing 하다가 병렬로 fetching js를 하게 되고 executing js를 합니다. 

마무리가 되면 그대로 다시 parsing HTML 을 해줍니다

장점: 다운로드 받는 시간을 절약시킬수 있다

단점: DOM요소를 조작하는게 힘들수 있다, 사용자가 페이지를 보는 시간이 늘어날수도 있다.

parsing HTML -> "page is ready" -> executing js

 fetching js

defer만 쓰는것이 더 좋다고 볼수 있다.

"use strict" 를 사용하면 더 효율적으로 사용할 수 있다.

1993년 -> Mosaic Web Browser

1994년 -> Netscape Navigator(80% 점유율)

1994년 9월 -> Mocha: 추후 LiveScript + Interpreter

1995년 -> LiveScript: JavaScript로 이름 변경

           -> MS에서 Reverse engineering : Jscript

1997년 7월 -> ECMAScript 1 그 이후 2, 3(1999), 4(2000) 출시

2000년 InternetExplorer 95%점유율

2004년 -> Firefox 출시

          -> AJAX

2008년 -> Chrome(JIT)

2009년 -> ECMAScript 5

2015년 -> ECMAScript 6

현재 가고 있는 방향 : SPA(Single Page Application)

라이브러리: React, Vue, Angular

이용할 수 있는 분야: node.js , mobile, desktop

뜨고 있는 다른 기술: WA

시장성: good! 모든 순위권에서 상위권유지

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators

산술 연산자는 숫자 값을 피연산자로 받아 하나의 숫자 값을 반환.

표준 산술 연산자는 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)입니다.

1. 덧셈 (+)

   - 숫자 피연산자를 더한 값, 또는 문자열을 연결

구문 : x + y

2. 뺄셈 (-)

  - 두 개의 피연산자를 뺀 값을 생성

구문 : x - y

NaN ??

Not-A-Number(숫자가 아님)를 나타낸다.

프로그램에서 NaN이 등장하는건 드물지만 자바스크립트에서 Math 라는 함수가 실패하거나 숫자 파싱 함수가 실패하면 반환됩니다.

3. 나눗셈 (/)

  - 왼쪽 피연산자를 피제수로, 오른쪽 피연산자를 제수로 한 몫을 생성한다.

  - 피연산자 : 연산의 대상

  - 피제수 : 나눗셈에서 , 나눔을 당하는 수

  - 제수 : 나눗셈에서, 어떤 수를 나누는 수

Infinity ??

전역 속성은 무한대를 나타내는 숫자값이다.

4. 곱셈 (*)

  - 두 연산자의 곱을 생성한다.

구문 : x * y

5.나머지 (%)

  - 왼쪽 피연산자를 오른쪽 피연산자로 나눴을 때의 나머지를 반환합니다. 결과는 항상 피제수의 부호를 따라갑니다.

구문 : var1 % var2