#TIL #자바스크립트 공부 항해 10일차 (7일차, 4일차 복습하기)

To do list

항해 노드 4주차까지 끝내기

자바스크립트 드림코딩 다 보기

[복습]

항해 노드 1,2,3주차까지 복습

자바스크립트 드림 코딩 다시 복습_노트 테이킹 하기

엘리토스 영상,답안 업로드 하기

운동 유산소 30분 이상

 

Not to do list

1. 밤 9시 이후로 금식

2. 집중할때 인상 노노

3. 멀티태스킹 하지 말기

 

14:00-16:00 항해 4주차 까지 보기 

16:00-18:00 자바스립트 드림코딩

19:00 집으로

19:00-21:00 항해 복습/자바스크립트 공부

21:00-22:00 영상 업로드, 답안 만들기

22:00-24:00 노드, 자바스크립트 복습 

 

아하하

 

노드 공부

 

Rest는 월드 와이어 웹과 같은 분산 하이퍼미디어 시스템을 위한 소프트 웨어 아키텍쳐의 한 형식!

웹에 존재하는 모든 자원에 고유한 URI를 부여해 활용하는 것으로 자원을 정의하고 자원에 대한 주소를 지정하는 방법론

1. 자원 : 우리가 만들 소프트 웨어가 관라하는 모든것을 자원. 쇼핑몰이라면, 상품에 대한 종보를 관리할 것이고, 또는 장바구니에 담긴 상품들도 관리 해야함

2. 행위 : http method로 구분을 함 예를들어 get post get 메소드는 해당 자원의 조회 post 메소드는 해당 자원의 생성 이렇게 나눠진 것을 보통 curd 라고 한다. 자원에 대한 생성,조회,수정,삭제를 각각 method로 나눠놓은 것

creat : 생성 (post)

update : 수정 (put)

read : 조회 (get)

delete : 삭제 (delete)

3. 표현 : 해당 자원을 어떻게 표현 할지에 대한 설명 Json, xml같은 형식을 이용해서 자원을 표현함

 

DB(DataBase)

데이터베이스란 데이터를 안전하고 편리하게 보관하고 가져다 쓸수 있는 서비스이다.

대량의 정보를 웹서버로만 구현하기 힘들기 때문에, 데이터 베이스를 이용하면 좀 더 쉽고, 안전하게 데이터를 관리하고 사용할 수 있다.

종류는 2가지)

RDBMS(SQL)

행/열 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사 데이터 50만개가 적재된 상태에서 갑자기 중간에 열을 하나 더하기는 어려울 것! 하지만 정형화 되어 있는 만큼 데이터의 일관성이나 분석에 용이 할수 있다 ex) My-SQL MS-SQL등이 있다

no-SQL

딕셔너리 형태로 데이터를 저장해두는 DB. 고로 데이터 하나하나 마다 같은 값을 가질 필요는 없음. 자유로운 형태의 데이터 적재에 유리한 대신 일관성이 부족할 수 있음 ex) Mongo DB

 

Post 메소드 

get 메소드와 다르게

바디라는 추가 정보를 담아서 서버에 전달할수 있음 url 호출에 어떤 데이터를 추가할지 그 정보값을 body라는 이름으로 넘겨줌

 

동기적 프로그래밍

동기적 프로그래밍 모델에서는 일은 한번에 하나씩 일어난다.

오랫동안 실행되는 동작을 수행하는 함수를 호출했다면, 그 함수가 종료 될때까지 그 프로그램은 중지되게 된다.

비동기적

사용자의 행동은 전적으로 비동기적 -> 행동을 예측할수 없음

자바스크립트의 본성 때문에 비동기적이 필요함

자바스크립트 애플리케이션 : 단일 스레드에서 동작 -> 자연스럽게 동작하는 애플리케이션을 만들기 위해 

사용자의 입력뿐만 아니라 여러 문제를 비동기적 관점에서 생각해야 한다.

 

비동기적 테크닉을 사용해야하는 경우

1. 사용자의 행동과 관련한 것(입력, 클릭)

2. 에이작스 호출을 비롯한 네트워크 요청

3. 파일을 읽고 쓰는 등의 파일 시스템 작업

4. 의도적으로 시간 지역을 사용하는 기능(알람)

 

콜백 vs 프로미스

음식점 방문 비유

콜백: 음식점은 줄을 서서 기다리지 않도록, 손님의 전화번호를 받아서 자리가 나면, 전화를 준다.

이것이 콜백! 자리가 나면 손님이 알수 있도록 하는 수단을 손님이 음식점 주인에게 넘겨 줌

자바스크립트에서 가장 오래된 비동기적 매커니즘, 나중에 호출할 함수라고 생각하면 된다.

 

프로미스: 음식점은 자리가 났을때 진동하는 호출기를 손님에게 넘겨준다. 이것이 프로미스!

자리가 나면 손님이 알수 있도록하는 수단을 음식점에서 손님에게 넘겨준다!

콜백 대체는 아니고, 콜백의 단점을 해결하려는 시도속에서 만들어짐

프로미스는 콜백을 예측 가능한 패턴으로 사용할수 있게 하며 프로미스 없이 콜백만 사용 했을때, 나타날수 있는 예상치 못한 현상이나 찾기 힘든 버그를 상당수 해결해줌.

 

동기적 비동기적 내용 출처 

https://code-masterjung.tistory.com/66

2부 - 자바스크립트 비동기적 프로그래밍(콜백, 프라미스)

 

자바 스크립트 MDN reference

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

JavaScript reference - JavaScript | MDN

 

내일 할 것.. 하하..

호이스팅 개념도 확실히 할 것!

변수 호이스팅(

함수 호이스팅 (함수 선언문/함수표현식 = 변수 호이스팅에 포함 됨 )

ejs 파일 개념도 잡을 것!

 

 

내일 아침 스케쥴링

5시 기상

5시-6시 드림코딩 강의 7강,8강 듣기

6시-6시35 운동

6시35-45 샤워

6시45-7시 독서모임

7시30분 준비

8시20분 학원 도착

8시20-9시 노드 3주차 4주차 복습