TWIL 2021-4 (3)

jh22j9·2021년 4월 19일
0

1. HTTP vs. Websocket


HTTP는 클라이언트-서버 컴퓨팅 모델에서 request-response 형태로 정보를 교환겠다는 프로토콜(통신 규약)이다.

반면 웹소켓 프로토콜을 사용하면 request-response 형식과 달리 클라언트, 서버 모두 요청이 없어도 언제든지 서로에게 메시지를 보낼 수 있다.

🔗 HTTP and Websockets: Understanding the capabilities of today’s web communication technologies 👍
🔗 웹소켓에 대해 알아보자

2. 함수와 호이스팅


최근 화살표 함수만 계속 사용하고 선언식을 쓴지 오래되다보니 습관에 의문이 생겨 어느 곳에 표현식, 선언식을 쓰는 것이 좋은지 정확히 알고 사용하고 싶어졌다.

  • 함수 선언식(Function declaration):
function foo() {};
  • 함수 표현식(Function expression):
const foo = function() {}

// anonymous functions used with ES6 syntax (arrow function)
const foo = () => {}

함수를 함수명과 함께 생성하면 함수 선언식이다. 함수 표현식에서는 함수명이 생략될 수도 있다. (ES6 화살표 함수는 기존 함수 표현식의 대안이므로 표현식에 속한다.)

선언식과 표현식의 기능적 차이는 자바스크립트의 기본 동작인 호이스팅에서 비롯된다.

Hoisting refers to the availability of functions and variables “at the top” of your code, as opposed to only after they are created. The objects are initialized at compile time and available anywhere in your file.

Function declarations are hoisted but function expressions are not.

When to use a function declaration vs. a function expression ?

In short, use function declarations when you want to create a function on the global scope and make it available throughout your code. Use function expressions to limit where the function is available, keep your global scope light, and maintain clean syntax.

🔗 When to use a function declaration vs. a function expression
🔗 함수 표현식 vs 함수 선언식

3. fetch, get, post


fetchVendor, postVendor 같은 방식으로 함수명을 짓다가 fetch가 엄밀히 post의 반대 개념이라고 할 수 있을지? 의문이 생겼다.

JavaScript의 Fetch API만 두고 본다면, fetch data는 get data가 될 수도 post data가 될 수도 있다. 일반적으로 fetch, post가 반대 의미로 사용되는 것은fetch가 자바스크립트만이 아닌 프로그래밍 전반에서 필요한 데이터를 어딘가로부터 가져온다는 의미로 쓰이는 맥락 때문이다.

It is used in various contexts, but it usually means “get some data from some place so that the program can do something with it”.

🔗 Get and Post method using Fetch API
🔗 What does fetch means in computer science?

0개의 댓글