eadgnus

Node.js 에서 global은 전역 변수이다.

hello를 제외한 나머지가 global에 대한 정보이다.

Nodejs 다운로드
https://nodejs.org/ko/download

1995 
- HTML, CSS, JavaScript (SpiderMonkey, JavaScriptCore, V8, Chakara)

2009
- 라이언 달(1981)
- 자바스크립트로 프론트도 구성하고, 백엔드도 구상하면 하나의 언어로 풀스택을 구성할 수 있지 않을까?
- JavaScript everywhere


node.js의 특징
            browser                         nodejs
        -------------------------
        DOM APIs                        console
        Network APIs                 Crypto
        Audio/Video APIs           HTTP
        Storage APIs                file
        console.log                   OS
        ...                                ...

- 가장 많이 사용하는 언어(플랫폼)로 선정(2021, 스택오버 플로우 조사): 전세계 50%
- 넷플릭스, 우버, 이베이, 페이팔, 쿠팡, 네이버, 카카오톡 ..
- JavaScript Runtime, Single Thread, Non-Blocking I/O, Event-Driven 

    - JavaScript Runtime 엔진
        - JavaScript 엔진
        - 오픈 소스
        - C++
        - high performance
    - Single Thread
    - Non-Blocking I/O
    - Event-Driven

1. fetch api

- request나 response와 같은 객체를 이용하여 HTTP 프로토콜을 통해 원격지의 정보를 가져오기 위해 사용하는 api

- promise 기반으로 동작

fetchAPI 함수는 fetch를 이용해

이렇게 제이슨 형태로 되어있는 사이트 주소를 불러주고 그후 .json() 함수로 받아줘야 제이슨 형태로 사용 가능하다.

그후 data로 return 해줌

fetchapi().then((datas) => 

이 부분은 불러온 데이터에 dataseries키의 value만 받아주어 출력해준다.

1. JSON(JavaScript Object Notation)

- 데이터를 저장하거나 전송할 때 사용되는 경량의 Data 교환 방긴

- 사람과 기계 모두 이해하기 쉬우며 용량이 작아서 XML을 대체하여 데이터 전송등에 많이 사용

- 데이터 포멧일 뿐, 통신 방법도 프로그래밍 문법도 아님

2. JSON의 특징

- 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용

- 자바스크립트를 이용하여 JSON 형식의 문서를 자바스크립트 객체로 변환하기 쉬움

- 자바스크립트 문법과 굉장히 유사하지만 텍스트 형식일 뿐

- 특정 언어에 종속되지 않으며, 대부분 프로그래밍 언어네서 JSON 포맷의 데이터를 핸들링 할수 있는 라이브러리를 제공

3. JSON의 구조

- 이름과 값이 쌍으로 이루어져 있다.

- 데이터는 쉼표 구분하여 나열

-{}중괄호로 감싸 표현

- 배열은 [ ]로 감싸 표현

4.JSON의 타입

- 숫자, 문자열, 불리언, 객체, 배열, null

stringify(obj)

객체를 문자열로 변환

parse(Json)

문자열데이터를 자바스크립트 객체로 변환

네임은 루시 나이는 14 품종은 포메라니안 이라는 딕셔너리를 만들었다.

딕셔너리 객체가 json 형태로 변환된것을 볼수 있다.

다시 오브젝트로 변환됨.

1. async / await

- callback, promise 비동기 처리를 좀더 쉽게 처리할 수 있도록 사용됨.

- ES7에 추가된 문법

1. 함수의 function 부분 앞쪽에 Async,Await을 붙여준다.

2. promise 실행문 앞쪽에 await를 붙여준다.

return 값이 반환된다.

2. 예제 및 설명

getBanana란 함수이다.

return 값으로 1초뒤에 🍌 바나나값을 리턴함

3초뒤에 🍎를 리턴

reject 시키고 에러를 발생한다. 

async는   promise를 더 쉽게 사용하기 위해 사용하고

.then/.catch/.finally 사용가능하다.

fetchFruits 함수를 실행해서 리턴값인 [banana, apple]의 이모지 배열을 fruits에 담아서 프린트 해준다.

4초뒤에 배열이 출력 됨.

1. 옵셔널 체이닝

- ECMA Script 11버전에 추가

- null 또는 undefined를 확인할때 쓰이는 연산자

- ?. , ??

2. 예제 및 설명

2-1

or 연산에서는 a,b 둘중 하나이상이 true이면 true값을 리턴하기 때문에 console부분이 출력된 모습.

2-2

and 연산에서는 둘다 true여야 true 값을 리턴하기 때문에 obj2까지 true값을 반환하여 마지막것에 있는 obj2가 result에 저장됨

2-3

or 연산에서는 둘중 하나만 true면 되기 때문에 true인 obj1만 연산후 obj2는 무시, 그후 obj1을 result에 저장

2-4

changelover 함수는 obj(파라미터)를 받아서 if문을 돌린다.

if문 => obj.lover(파라미터로 받은 값에 lover라는 키가 있냐) 에 ! 를 붙여 반대로 없으면 if문을 실행하게 됨

없다면 error 발생

있다면 obj.lover에 '애인이 바뀜' 을 새로 저장

makeNewlover 함수는 obj(파라미터) 를 받아서 lover가 있으면 에러를 발생해서 '애인이 있어'를 알림

없다면 obj.lover에 애인이 생김을 저장한다.

obj1의 lover값이 있으면 함수를 실행 없으면 실행 안한다.

마찬가지로 obj2에 lover가 있으면 실행함. 

있어서 이메론이었던 값이 변한 모습. 

2-5

아이템이라는 변수를 선언하고 딕셔너리를 저장

가격이라는 변수를 상수로 선언해서 item 변수에 price가 있다면 그 값을 저장하게 됨.

2-6

print() 함수는 text 변수에 message라는 파라미터가 없다면 'hello'문자열을 저장하게 된다.

문자열을 입력해준 '안녕' 말고는 다 기본값으로 설정해둔 hello가 출력된 모습.

2-7

0 은 false이기 때문에 -1이 저장된 모습

2-8

?? 연산자의 경우 0 도 객체로 인식되어서 0이 저장된다.