클래스/└ TIL

<TIL> 211209 HTTP, JavaScript 객체, CSS

디벅잉 2021. 12. 9. 21:43
728x90

 

🐣

 

{ HTTP }

HTTP의 비연결성

HTTP는 연결을 유지하지 않습니다.

연결을 유지하고 있으면 계속 응답을 대기해야 하므로 불필요한 자원이 소모됩니다.

비연결적인 특성을 가지면 요청이 있을시에만 최소한의 자원을 소모합니다.

cf) 쿠키-세션 인증은 HTTP의 특성에 반하는 측면이 있고, JWT(JSON Web Token)를 활용하면 비연결성이라는 특징을 유지 할 수 있습니다.

 

HTTP 메서드

- GET: 리소스 조회

- POST: 서버에서 요청 데이터 처리, 서버에서 리소스 URL 생성

- PUT: 리소스 대체, 없으면 생성, 클라이언트에서 리소스 URL 지정

- PATCH: 리소스 부분 변경 가능

 

클라이언트에서 서버로 데이터 전송

1. 쿼리 파라미터를 통해서 전송: GET

2. 메시지 바디를 통해서 전송: POST, PUT, PATCH

 

HTTP API 설계

1. HTTP API - 컬렉션

2. HTTP API - 스토어

3. HTML Form - GET, POST

 

HTTP 상태코드

- 1xx 처리중

- 2xx 정상처리 (200 OK, 201 Created)

- 3xx 추가행동 필요

- 4xx 클라이언트 에러

- 5xx 서버 에러

 

{ JavaScript 객체 }

객체

키: 문자형

값: 모든 자료형

 

가비지 컬렉션

자바스크립트는 가비지 컬렉션이 수시로 돌아갑니다.

루트에서의 도달 가능성을 평가하여 수거 대상을 판단합니다.

 

this

this 값은 런타임시 결정됩니다.

메서드가 어디서 정의되었는지 상관없이 . 앞의 객체가 무엇인가에 따라 자유롭게 결정됩니다.

 

생성자 함수

생성자 함수에는 return this가 자동으로 포함됩니다.

 

{ CSS }

background-size

하나의 값만 지정할 경우 width 값이 지정되고, height는 auto로 지정됩니다.

 

background-attachment: fixed

스크롤시 배경화면의 위치를 고정할 수 있습니다.

 

letter-spacing

자간 설정을 할 수 있습니다.

 

text-align: justify

양쪽 정렬이 가능합니다.

 

z-index

position이 static인 경우 적용되지 않습니다.

 

 

 

📌

 

https://www.inflearn.com/

https://ko.javascript.info/

https://poiemaweb.com/

 

728x90