## 2020 0702 0703 서른네번째 TIL

공식문서가 있고, 유어클래스도 생각보다 하는 법을 잘 말해주고 검색 결과도 좋아서

나름대로 마무리는 잘 된 것 같다. 이해하는 것과는 다른 문제인거 같긴 한데..

모각코에서 들은대로 노가다가 답인것 같다.

이해가 될 때까지 찍어보기.

 

 

#### 오늘 한 일

* toy problem 09

  ㄴ deepEqualty

  ㄴ 질질끌던 문제를 해결했다.(..? 해결됐다가 맞는것 같다)

  ㄴ 한번에 15개의 테스트를 통과시켜주는 JSON.stringify가 사기였다.

  ㄴ 이런 방식을 바란건 아니었겠지만.. 이거 말고는 방법이 생각이 나질 않았다.

  ㄴ 마지막 한개는 value값은 같지만 key의 순서가 다른 객체였는데,

  ㄴ 키값이 같다는걸 이용해서 obj2의 복사본을 만들고(원시값 참조값 진짜 리얼 겁나 헤멨다)

  ㄴ obj2의 키값 순서 변경 후 > json 돌려버렸다.

    

 

* toy problem 10

  ㄴ 그냥 for문 돌렸다.

  ㄴ 한큐에 통과

  ㄴ 당황해서 레퍼런스 보니까 확실한건 내가 푼 방식을 기대한 것은 아니었다.

 

 

* AJAX

- 웹사이트 등에서 어떤 부분이 AJAX 기술을 사용하고 있는지

- AJAX를 구성하고 있는 기반 기술

   ㄴ비동기, 자바스크립트 돔, fetch, XHR

 

*HTTP

- head,body 통틀어서 텍스트 덩어리 > 패킷

- 네트워크 요청 할 때는 json으로 돌려야함

- 메소드,헤더,바디HTTP 요청 API 문서가 제공되면 어떤 식으로 요청을 보내야 할지Postman 등을 이용해 HTTP 요청을 테스트

   Postman이 훨~~씬 쉬움(툴 익힐 것)

- HTTP GET 요청과 POST 요청의 차이

   >> 바디를 잘 안담음(get)

   >> 페이로드(바디)를 보내는 부분(post)

- 기본적으로 tcp/udp 80번 포트 사용

- uri, url : 주소창을 통해 하는 요청은 전부 get request

- Options : 사전에 허락 맡는 정도~ 이 도메인에 포스트 쏘아봐도 되겠습니까~

- Put은 리소스 대체, patch는 수정

- Http 두가지 속성

   ㄴ connectionless : 요청1 > 응답 1 ,요청 2!== > 응답1

   ㄴ stateless

 

*XSS,CSRF

- XSS 공격이 무엇인지

- XSS 공격을 방어하는 방법

- 클라이언트 보안이 중요

- CSRF와 XSS 공격의 차이

• csrf

ㄴ 피싱사이트를 만들어서 속임(서버가 중요)

ㄴ 클라이언트를 너무 믿음

 

• xss

ㄴ xss : 클라이언트가 중요(서버를 너무 믿음)

 

 

* CORS(크로스 오리진 리소스 쉐어링)

//origin(출처) > 김밥천국,스타벅스 > 여기서 안파는거 먹어도되나요 > cross origin//

 

- CORS 가 왜 필요한 것인지

>> 하나의 오리진으로 부터 받는 경우가 갈수록 적어지고 있고, 다중의 오리진으로부터 받는 경우가 많아지고 있기 때문에

- CORS의 작동 원리

   >> http options 메소드

   >> cors를 구성하는 응답 헤더

ㄴ origin * 어떤 오리진에서 와도 다 허용

 

 

*NODE.JS

- 논블로킹 = 동기

- 블로킹 = 비동기

- i/o 모델 : input을 주면 output을 주는 것

- 유저의 클릭이나 네트워크에 리소스를 요청하는 이벤트가 논블로킹으로 이루어지는 i/o모델

- Node.module

   ㄴ fs

   ㄴ http

   ㄴ url

   ㄴ path

  

*MINI SERVER

• Request.on:

즉, node.js는 들어온 요청을 request 객체로 표현하고

request.on()은 node.js가 만들어준 request 객체에 접근함으로써 요청 데이터를 받아오는 과정인 것입니다.

그리고 request.on()에 넣어주는 첫 번째 인자는, 위의 설명을 참고하면

'

data' : 요청 body에 넣어 놓은 데이터 (데이터는 그 용량에 따라서 한 번에 전송되지 않고 여러 번 나뉘어 전송될 수 있으므로, 'data' 인자로 받는 callback은 여러 번 호출됨)

'end' : 데이터의 전송이 끝남

'error' : 데이터를 전송하는 도중에 연결에 오류가 생겨 종료됨

//헬프데스크에서 긁어옴

 

 

*내일 할 일

- get 요청, post요청 연습(using fetch mdn)

- mini server 안 보고 만들 수 있을 때까지 반복

- chatterbox 안 보고 만들 수 있을 때까지 반복

- Content type 등 http 구성요소..?

- 생활코딩 강의 보기

 

 

 

/*

https://nodejs.org/ko/docs/guides/anatomy-of-an-http-transaction/