전체 글
-
[JavaScript] 이벤트 루프(Event loop) 정리Front-End/JavaScript 2022. 8. 25. 03:52
🍀 목차 글의 목적 프로세스와 스레드? 자바스크립트의 런타임 환경 이벤트 루프 Task Queue Microtask Queue Render 큰 그림으로 이해 마치며 글의 목적 자바스크립트 언어 자체는 싱글 스레드(단일 스레드, Call Stack이 하나라 하나의 코드만 실행할 수 있음) 환경이다. 의문이 든다. 🤪 "setTimeout()도 그렇고, 여러 비동기, 콜백 함수의 작업은 어떻게 하고 있는 건데?!" 여기서 등장하는 개념이 이번 글에서 다룰 이벤트 루프이다. 자바스크립트의 메인 스레드는 이벤트 루프에 의해 관리된다. 또 글을 읽기 전, 미리 알아두면 좋을 개념은 자바스크립트의 런타임 환경은 멀티 스레드 환경처럼 동작한다는 것이다. 이 글은 자바스크립트 런타임 환경과 이벤트 루프의 개념을 큰 그..
-
[그림으로 배우는 구조와 원리 운영체제] 1강 연습문제 풀이Computer-Science/OS 2022. 8. 13. 04:09
Chapter 01 컴퓨터 시스템의 소개 01. 컴퓨터 내부에서 프로세서 메모리 사이의 정보 전송에 사용하는 통로는? ① 버스 ② 레지스터 ③ 블록 ④ 보조기억장치 시스템 버스는 하드웨어를 물리적으로 연결하여 서로 데이터를 주고받을 수 있게 하는 통로이다. 컴퓨터 내부의 다양한 신호(데이터 입출력, 프로세스 상태, 인터럽트 요구, 클록 등)를 시스템 버스로 전달한다. 레지스터는 프로세서 내부에 있으며, 프로세서가 사용할 데이터를 보관하는 가장 빠른 메모리이다. 블록은 메모리와 디스크 간 전송 단위이다. 보조기억장치는 주변장치 중 프로그램과 데이터를 저장하는 하드웨어. 02. 프로세서에서 사용하는 버스 형태가 아닌 것은? ① 주소 버스 ② 제어 버스 ③ 데이터 버스 ④ 시스템 버스 프로세서에서 사용하는 데..
-
[자바스크립트 완벽 가이드] 3장 - 타입, 값, 변수Reading/Tech 2022. 8. 11. 22:43
🍀 목차 3.1 개요와 정의 3.2 숫자 3.3 텍스트 3.4 불 값 3.5 null과 undefined 3.6 심벌 3.7 전역 객체 3.8 불변인 기본 값과 가변인 객체 참조 3.9 타입 변환 3.10 변수 선언과 할당 3.1 개요와 정의 기본 타입(불변) : 숫자, 문자열, 불(boolean), null, undefined, 심벌(Symbol) 객체 타입(가변) : 기본 객체, 배열, Set 객체, Map 객체, RegExp 타입, Date 타입, 함수와 클래스 등. 자바스크립트 인터프리터는 자동으로 가비지 컬렉션을 수행해 메모리를 관리한다. 일반적으로 객체나 다른 값을 직접 파괴하거나 할당을 해제해줄 필요는 없다. 프로그램에서 어떤 값을 더 이상 참조하지 않으면 인터프리터는 그 값을 다시 사용하지..
-
[모두의 네트워크] 9장 - 무선 랜 이해하기Reading/Tech 2022. 8. 9. 02:42
🍀 목차 LESSON 35 무선 랜의 구조 LESSON 36 SSID의 구조 📌 Chapter Check-up 이 장의 목표 무선 랜의 연결 및 통신 구조를 이해한다. 무선 액세스 포인트와 무선 클라이언트의 관계를 이해한다. 무선 랜의 연결 형태를 이해한다. 무선 랜의 규격을 이해한다. 채널을 이해한다. LESSON 35 무선 랜의 구조 무선 랜? 무선 랜은 유선보다 속도가 불안정하고 전파가 약하면 연결이 잘 안 되지만 랜 케이블이 필요 없고, 케이블이 닿지 않는 장소에도 통신할 수 있다. 또한 유선 랜에 비해 통신 내용이 해킹될 위험이 높아 보안에 신경 써야 한다. (암호화, 인증 설정) 무선 랜은 컴퓨터같은 무선 클라이언트가 무선 액세스 포인트와 통신하게 된다. 무선 액세스 포인트(무선 공유기, 무선..
-
[모두의 네트워크] 8장 - 네트워크의 전체 흐름 살펴보기Reading/Tech 2022. 8. 6. 02:41
🍀 목차 LESSON 32 랜 카드에서의 데이터 전달과 처리 LESSON 33 스위치와 라우터에서의 데이터 전달과 처리 LESSON 34 웹 서버에서의 데이터 전달과 처리 보강 - 정적 라우팅과 동적 라우팅 📌 Chapter Check-up 이 장의 목표 OSI 모델의 전체 흐름을 이해한다. 웹에 접속할 때 이루어지는 캡슐화와 역캡슐화를 이해한다. LESSON 32 랜 카드에서의 데이터 전달과 처리 네트워크의 구성? 물리 계층부터 응용 계층의 역할을 다시 생각해보자. 물리 계층 : 데이터를 전기 신호로 변환한다. 데이터 링크 계층 : LAN에서 데이터를 송수신한다. 네트워크 계층 : 다른 네트워크에 있는 목적지로 데이터를 전달한다. 전송 계층 : 목적지에 데이터를 정확하게 전달한다. 응용 계층(세션 계층..
-
[Next.js] React와의 Routing 차이점Front-End/React 2022. 7. 15. 02:39
🍀 목차 React.js의 Routing Next.js의 Routing 어떤 것을 사용해야 할까? 들어가며... 이 글의 Routing은 현재 네트워크에서 다른 네트워크로의 최적 경로를 설정해주는 과정이 아니다. 어떠한 URL이 들어오면 그에 맞는 화면을 전송해주는 것을 뜻한다. React.js의 Routing React 공식문서의 Next.js 소개를 보면 기본적으로 스타일링과 "라우팅 해결책"을 가지고 있다고 설명되어 있다. React에는 어떤 라우팅 문제점이 존재하는 것일까? 우선 React는 SPA(Single Page Application)이란 것을 알아야 한다. 라우팅은 본래 서버에서 담당했지만, SPA가 등장하며 라우팅을 클라이언트가 담당하게 되었다. 서버에서 담당했던 라우팅은 애플리케이션의..
-
[모두의 네트워크] 7장 - 응용 계층 : 애플리케이션에 데이터 전송하기Reading/Tech 2022. 7. 15. 02:12
🍀 목차 LESSON 28 응용 계층의 역할 LESSON 29 웹 서버의 구조(웹 사이트 접속) LESSON 30 DNS 서버의 구조(이름 해석) LESSON 31 메일 서버의 구조(SMTP와 POP3) 📌 Chapter Check-up 이 장의 목표 응용 계층의 역할을 이해한다. 웹 서버의 구조를 이해한다. DNS의 이름 해석 구조를 이해한다. 메일의 송수신 구조를 이해한다. LESSON 28 응용 계층의 역할 응용 계층의 역할? 5 계층 세션 계층과 6 계층 표현 계층을 포함하며, 애플리케이션과 데이터를 주고받기 위해 필요하다. 애플리케이션이 동작하는 계층이며, 사용자의 요청을 전달하기 위해 서버가 이해할 수 있는 데이터로 변환 후 전송 계층으로 전달한다. 사용자 측 애플리케이션(웹 브라우저, 메일 ..
-
[모두의 네트워크] 6장 - 전송 계층 : 신뢰할 수 있는 데이터 전송하기Reading/Tech 2022. 7. 13. 04:29
🍀 목차 LESSON 23 전송 계층의 역할 LESSON 24 TCP의 구조 LESSON 25 일련번호와 확인 응답 번호의 구조 LESSON 26 포트 번호의 구조 LESSON 27 UDP의 구조 📌 Chapter Check-up 이 장의 목표 전송 계층의 역할을 이해한다. 연결형 통신과 비연결형 통신을 이해한다. TCP를 이해한다. UDP를 이해한다. LESSON 23 전송 계층의 역할 전송 계층의 두 가지 역할? 물리 계층, 데이터 링크 계층, 네트워크 계층의 3 계층이 있으면 목적지까지 데이터를 보낼 수는 있다. 하지만 데이터 손상과 데이터 유실에는 아무런 체제가 없다. 전송 계층은 오류 점검 기능이 있어 목적지에 신뢰할 수 있는 데이터를 전달해준다. 또한 전송된 데이터의 목적지가 어떤 애플리케이션..
