스파르팅

실전 프로젝트에서 socket io를 통해서 실시간 채팅을 구현했다. 하지만 socket io websocket의 개념에 대해서는 미숙한 것 같아서, 다시 정리해보려고 한다. WebSocket은 HTML5에서 새로 추가된 프로토콜입니다. 이는 클라이언트와 서버 간의 양방향 통신을 위한 표준화된 방법을 제공합니다. WebSocket은 TCP를 사용하며, 서버 및 클라이언트 간의 저지연 및 고속 통신을 가능하게 합니다. 또한 WebSocket은 HTTP 기반의 다른 프로토콜과 달리, 일부 커넥션 유지를 위해 계속해서 연결할 필요가 없으므로 일반적으로 성능이 더 뛰어납니다. TCP는 연결 지향 프로토콜로, 데이터를 전송하기 전에 세션을 설정하고, 세션 종료 시 세션을 종료하는 과정을 거칩니다. 데이터를 전송할..

const { name, nickname } = inputs; 이런식으로 특정 객체안에 있는 값을 꺼내는 것을 비구조화 할당이라고 한다. https://learnjs.vlpt.us/useful/06-destructuring.html 06. 비구조화 할당 (구조 분해) 문법 · GitBook 06. 비구조화 할당 (구조분해) 문법 이번에는 1장 섹션 6 에서도 배웠던 비구조화 할당 문법을 잘 활용하는 방법에 대해서 알아보겠습니다. 이전에 배웠던것을 복습해보자면, 비구조화 할당 문법 learnjs.vlpt.us 에서 알게 쉽게 정리되어서 예시를 가져 왔다. const object = { a: 1, b: 2 }; const { a, b } = object; console.log(a); // 1 console...

서론 구글링 도중에 이벤트루프와 관련된 좋은 유튜브 영상을 찾아서 이를 요약 및 정리 하려고 한다. 출처 :https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=269s 싱글스레드란? call stack 이 하나다 프로그램이 한 번에 한 가지 코드만 실행한다 콜스택 클스택이란 데이터 스트럭처로 실행되는 순서를 기억하고 있다. 함수가 호출할 때 필요한 것들을 stack에 쌓고, 이후 리턴할때마다 한 개씩 순서대로 꺼내게 된다. 이러한 것을 콜스텍이라 한다. 콜스텍이 순서를 기억해서 위에서 부터 Oops!가 나옴. 스택을 날려먹다 는 같은 걸 호출하면 아래와 같이 되는 것 #### 콜백의 기능을 확인하기 위해 while문으로 동기적으로 실행시키는 작업을 만들고 요청까지 5초동안 ..

한글로 번역하면 부작용이다.따라서 원치 않은 효과가 나타나는 것을 sideeffect라고 생각했다. 해석 자체는 틀리지 않았었는데, 많은 곳에서 사이드 이펙트를 언급을 해서 이에 대해서 좀 더 자세히 알고자 했다. https://codesweetly.com/side-effect Side Effect in JavaScript – Explained with Examples | CodeSweetly Side effect occurs in a program whenever you use an external code in your function, which impacts the function’s ability to perform its task. codesweetly.com 간단한 예시와 함께 side ef..

리덕스를 공부하는데, 계속 동기와 비동기가 나온다.. 근데 정작 해당용어에 대해서 명확히 모르기 때문에 궁금해서 검색해보았다. 이러한 복잡함은 변화(mutation)나 비동기(asyncronicity)와 같이 사람이 추론해내기 어려운 두 가지 개념을 섞어서 사용한다는 데서 옵니다. 저는 이 두 가지를 멘토스와 콜라라고 부릅니다. 이 둘은 나눠서 보면 훌륭하지만 함께 두면 엉망이 됩니다. React와 같은 라이브러리들에서는 이 문제를 해결하기 위해 뷰 레이어에서 비동기와 DOM 조작들을 없애버렸습니다. 하지만 React는 데이터를 관리하는 일에는 관여하지 않습니다. https://ko.redux.js.org/understanding/thinking-in-redux/motivation 1. 동기(synchr..