HTTP와 WebSocket: 웹 페이지는 어떻게 실시간으로 변할 수 있을까?

HTTP와 WebSocket: 웹 페이지는 어떻게 실시간으로 변할 수 있을까?

웹 페이지는 어떻게 변하는가 ? 새로고침을 한다는 것은 새로운 요청을 보낸다는 뜻인데, 요청없이 응답이 오는 경우가 있다. 온라인 체스 게임에 임할 때, 우리는 새로고침을 하지 않아도 상대가 말을 움직이는 것을 볼 수 있다. 하지만 http 프로토콜에서는 요청이 있어야 응답을 보낼 수 있다. 전통적인 http 프로토콜에서, 클라이언트에서 응답이 없는데 서버에서 요청을 보낼 수 있을까? 그것은 불가능하다. 전통적인 http 통신서버와 유저가 데이터를 주고받는 방법에는 여러가지가 있다 (ex) http 요청) 유저가 http 요청을 날리면, 서버가 데이터를 보내주는 식으로 구현이 된다.  http 요청을 쉽게 비유하자면 문자메세지와 비슷하다. 서버가 문자를 확인하면 답장으로 데이터를 보낸다. 고유한 특징이 ..

  • format_list_bulleted Web/TIL
  • · 2024. 6. 29.
  • textsms
[운영체제] 컴퓨터는 3층집이다

[운영체제] 컴퓨터는 3층집이다

컴퓨터를 이루는 요소 2가지는 H/W와 S/W고 S/W는 다시 Kernel과 Application으로 나뉩니다. 모든 것이 여기서 시작됩니다.printf() 와 같은 API 의 역할도 더 깊이 생각해봅니다.https://youtu.be/M9ZrQX1UgAU?si=Wzjak3XNqVsNm3lO 현재의 모든 운영체제는 멀티프로세싱 시스템. 즉 멀티태스킹. 그렇기 때문에 한 컴퓨터에서 프로레스 여러 개가 작동하는데, 이것을 잘 관리하는 것이 운영체제의 역할이며, 나쁜 일을 안 당하도록 하는 것도 운영체제의 몫.  Interrupt운영체제를 이해하기 위해 하드웨어 부분에 대한 이해가 먼저 필요하다.  띵동~ , 나라는 사람이 CUP 라고 하면, 나를 방해하는 요소가 인터럽트.컴퓨터라고 하는 기계(CPU) 가 있..

  • format_list_bulleted 운영체제
  • · 2024. 6. 28.
  • textsms

[운영체제] 원격코드 실행 원리 : 운영체제 이론의 시작

Process컴퓨터로 게임을 하는 과정을 생각해보자. 게임으로 접속 (로그인) 하면 아바타 , 캐릭터 등이 나를 대신해 활동한다. 그렇다면 컴퓨터를 실행할 때도 나를 대신한 무언가가 존재하지 않을까? 우리는 그것을 Process라고 한다. 키보드, 마우스로 조작하는 대상은 기본적으로 process다. 우리가 캐릭터를 움직인다고 해서 게임의 월드의 날씨나 정책이 바뀌지 않듯이, 컴퓨터를 키보드, 마우스를 이용해 process를 통제한다고 한들, 컴퓨터 내부 기본 정책은 바뀌지 않는다. 컴퓨터 3대 구성 요소User :  Daemon(리눅스), Service (윈도우) 등의 시스템 프로세스  | 캐릭터,  공무원 역할Kernel (SW): 관리, 제어 | 게임 월드, 국가 의 역할H/W : CPU + RAM..

  • format_list_bulleted 운영체제
  • · 2024. 6. 27.
  • textsms
[Nest.js] Bun 환경에서 Nest.js Init, 구조 모듈화

[Nest.js] Bun 환경에서 Nest.js Init, 구조 모듈화

Express + TypeScript 사용하여 bun 환경에서 프로젝트 : 1. bun --help를 통해 bun설치여부 확인 2. bun init -y 로 기본 프로젝트 3. bun run index.ts Hello via Bun! 출력 확인하면 끝. Express 는 자유롭다.하지만 그 자유로움에는 책임이 따른다.. NestJS ? NestJS는 서버 개발 시의 아키텍처를 누구든 비슷하게 설계하도록 아키텍처 문제를 해결하는 데 중점을 두고 있다. - Node.JS 에서 실행하는 서버사이드 프레임워크 - 타입스크립트 완벽 지원 - 자바스크립트의 최신 스펙을 사용하므로, 바닐라 자바스크립트를 사용한다면 babel 사용이 필수 - HTTP요청 부분은 추상화된 코드를 제공해, 익스프레스와 Fastify를 사..

  • format_list_bulleted Web/JavaScript
  • · 2024. 4. 17.
  • textsms
[정리] 코딩테스트 자주 활용하는 python 리스트 함수

[정리] 코딩테스트 자주 활용하는 python 리스트 함수

리스트에서 데이터 추가 append() 리스트의 맨 끝에 데이터 추가 my_list = [1,2,3] my_list.append(4) #[1,2,3,4] + 연산자로 데이터 추가 my_list = [1,2,3] my_list = my_list + [4,5] #[1,2,3,4,5] insert() insert()메서드로 데이터 삽입 insert(삽입할 위치, 삽입할 데이터) my_list = [1,2,3,4,5] my_list.insert(2,9999) #[1, 2, 9999, 3, 4, 5] 리스트에서 데이터 삭제 pop() pop()메서드로 인덱스를 인수로 받아 삭제하고, 삭제한 데이터의 값을 반환 my_list = [1,2,3,4,5] popped_element = my_list.pop(2) #3 p..

  • format_list_bulleted 알고리즘
  • · 2024. 4. 16.
  • textsms
[Bun] 초고속 JavaScript 런타임! Bun 에 대해 알아보자

[Bun] 초고속 JavaScript 런타임! Bun 에 대해 알아보자

Bun에 대하여... 자바스크립트 엔진이란 우리가 작성한 자바스크립트 코드를 컴퓨터가 특정 작업을 수행할 수 있는 기계어 코드로 변환하는 프로그램. Node.js는 크롬 브라우저를 구동하는 구글의 V8 엔진을 사용하는 반면, Bun은 애플에서 사파리용으로 개발한 오픈 소스 자바스크립트 엔진인 JavaScriptCore(JSC)를 사용 JSC는 실행 시간은 약간 느리지만, 시작시간이 빠르며 메모리 사용량 감소를 우선시한다. V8은 런타임 최적화를 통해 빠른 실행을 우선시 하기 때문에, 메모리 사용량이 늘어날 수 있다.따라서Bun 은 Node.js보다 최대 4배 더 빠르게 시작할 수 있다. Bun은 런타임에 자바스크립트 트랜스파일러가 통합되어 있어 .js, .ts, .jsx, .tsx파일을 직접 실행할 수 ..

  • format_list_bulleted Web/JavaScript
  • · 2024. 4. 5.
  • textsms