yh-jeon Full stack

Motivation{파일 디스크립터 모니터링} - concurrent하게 실행되는 스레드 예시기본적으로 프로그램을 컴파일하여 프로그램을 실행하면 프로세스가 만들어지고 프로세스는 기본값으로 1개 이상의 스레드가 반드시 생성됨 -> 스레드가 실행 컨텍스트 정보를 가지고 있음 [프로세스] a와 b라는 프로그램을 생성하여 각각 따로 실행하면 빠르게 스위치해가면서 2개의 프로세스가 동시에 실행되는 것처럼 실행됨 => [스레드]  한 프로세스 내부에 a라는 스레드와 b라는 스레드가 실행되는 동안 스레드 간의 스위치가 되어 concurrent하게 진행됨별도 프로세스 : 자식 프로세스는 어떤 변수도 공유하지 않음select(), poll() : 블로킹 호출 - 싱글 스레드 기반으로 서버를 구축하는 방법, 타이머를 설정..

React에서 className을 사용하여 조건부 스타일을 적용하는 방법은 유용하며,위 코드의 방식은 자주 사용되는 패턴입니다. 이를 자세히 설명하겠습니다. 1. 구조 설명className={`block my-2 hover:cursor-pointer ${ activeIndex === 1 ? "text-black font-bold" : "text-gray-400"}`} 이 코드는 className에 문자열을 동적으로 할당하는 방식입니다. 템플릿 리터럴(Template Literal)을 사용하여 CSS 클래스를 조건에 따라 추가하거나 변경합니다.1.1. 템플릿 리터럴 기본 구조백틱(`): 템플릿 리터럴을 정의합니다.내부 변수 삽입: ${} 구문을 사용하여 JavaScript 코드를 삽입할 수 있습니다.Re..

에러의 종류전송과 수신 사이에서 비트가 변경되는 경우를 "비트 오류"라고 합니다. Binary 1이 전송되고 Binary 0이 수신됨: 전송 중 1이 0으로 바뀌는 오류Binary 0이 전송되고 Binary 1이 수신됨: 전송 중 0이 1로 바뀌는 오류[오류의 2가지 일반적인 유형]1. 단일 비트 오류(Sigle-Bit Error) : 한 개의 비트만 변경되고 주변 비트에는 영향을 미치지 않는 상태2. 버스트 오류 (Burst Error) : 연속된 비트 시퀀스에서 첫 번째와 마지막 비트를 포함하여 중간에 여러 비트가 잘못 수신되는 에러, 일반적으로 처리하기가 더 어려움 프레임 : 데이터 전송 과정에서 사용되는 기본 단위로, 하나 이상의 연속된 비트 시퀀스로 구성된 데이터 블록헤더 : 프레임의 시작 부분..

페이지 라우팅이란?경로에 따라 알맞은 페이지를 렌더링 하는 과정ex) /new -> new 페이지를 렌더링 사용자가 블로그와 같은 특정 페이지를 접속하기 위해 브라우저를 통하여 웹서버에게 /blog와 같은 주소로 요청을 보내게 되었을 때, 웹 서버가 요청에 따라서 브라우저에게 블로그 페이지를 반환해주고 브라우저는 이렇게 반환된 블로그 페이지를 사용자가 볼 수 있도록 렌더링하는 이러한 모든 과정을 바로 페이지 라우팅이라고 표현합니다. => "페이지 라우팅"페이지 라우팅의 원리 전통적인 웹 서비스들은 웹서버가 사용자들에게 제공해줘야 되는 모든 페이지들에 해당하는 HTML 파일을 전부 가지고 있습니다. 따라서, 브라우저에게 /blog 처럼 특정 주소를 갖는 어떤 페이지를 요청하게 되면 서버는 해당 요청에 맞는..

sdaf

POSIX 시간모든 컴퓨터 시스템은 내부적으로 Epoch(시작 시점) 이후의 초 단위로 시간을 유지해야 한다.Epoch은 1970년 1월 1일 00:00(자정)부터 시작하여 지금 시간까지 몇 초가 흘렀는지 알아내기 위하여 time()함수를 사용, 협정 세계시(UTC, 그리니치 표준시 또는 GMT)로 정의된다.POSIX는 구현이 시스템 시간을 실제 시간 및 날짜에 어떻게 맞춰야 하는지에 대해 명시하지 않습니다.초 단위 시간(Time in seconds)#include time_t time(time_t *tloc);시스템 시간을 가져옴(Epoch 시점부터 지금까지의 시간을 초 단위로 반환하여 표현됨)매개변수(Parameters)tloc: NULL이 아니면, 함수는 시간을 *tloc에 저장time_t: lon..

1. 연성 글꼴 다운로드Google Fonts에 접속합니다.YeonSung 글꼴을 검색한 뒤, "Download family" 버튼을 클릭하여 다운로드합니다.다운로드된 압축 파일을 해제하고 YeonSung-Regular.ttf 파일을 준비합니다.=> public 폴더 내부에 fonts라는 폴더를 생성하여 font 폴더 하위에 다운로드받은 YeonSung-Regular.ttf 파일을 저장합니다.2. 글꼴 파일을 프로젝트의 public 폴더에 저장프로젝트 디렉터리의 public/fonts 폴더에 YeonSung-Regular.ttf 파일을 복사합니다.최종 폴더 구조:프로젝트_폴더/├── public/│ ├── fonts/│ │ └── YeonSung-Regular.ttf├── src/│ ├──..

URI(Uniform Resource Identifier)평소 http://~~~~ 이런게 URL / URN은 이런 게 있다 정도만 알아둘 것URI 단어 뜻Uniform : 리소스 식별하는 통일된 방식Resource ; 자원, URI로 식별할 수 있는 모든 것(제한 없음)Identifier : 다른 항목과 구분하는데 필요한 정보 - URL : Uniform Resource Locator- URN : Uniform Resource NameURL, URN 단어 뜻- URL - Locator : 리소스가 있는 위치를 지정- URN - Name : 리소스에 이름을 부여=> 위치는 변할 수 있지만, 이름은 변하지 않는다. ex) urn:isbn:8960777331 (어떤 책의 isbn URN)URN 이름만으로 실..

목차1. 인터넷 통신2. IP(Internet Protocol)3. TCP, UDP4. PORT5. DNS인터넷 통신인터넷에서 2개의 컴퓨터는 어떻게 통신할까? Just 클라이언트와 서버 간 메세지 전달하는 형식 만약, 전달하려는 경로가 너무 먼 경우에는 어떨까? 인터넷은 복잡하게 구성이 되어 있어 인공위성으로 전달될지, 노드로 전달될지, 광케이블로 전달될지 다양한 경로가 존재하기에 어떻게 전달되는지 모름IP(인터넷 프로토콜) 수신자와 송신자 간의 거리가 지나치게 먼 경우, 최소한의 규칙이 필요! => 그것이 바로 IP주소로 가능해짐 IP(인터넷 프로토콜)의 역할- 지정한 IP 주소(IP Address)에 데이터 전달- 패킷(Packet)이라는 통신 단위로 데이터 전달  1. 출발지 ip와 목적지 ip를..

https://www.figma.com/design/2LaTrn8hK4ppyf8sDGaiUP/%EC%A0%9C%EC%A3%BC-%ED%83%88%EB%9E%98?node-id=23-390&t=YpkWAJ4qh8JzrlUH-1