미새문지

디바운스 (Debounce)디바운스는 연속해서 발생하는 이벤트 중 마지막 이벤트가 발생한 후 일정 시간이 지나면 실행되도록 하는 방식이며, 이벤트가 계속 발생하는 동안에는 실행되지 않다가, 사용자가 입력을 멈추거나 일정 시간이 지나야 실행된다.사용 예시검색창 자동완성: 사용자가 입력할 때마다 서버에 요청을 보내는 것이 아니라, 입력이 끝난 후 일정 시간이 지나면 요청을 보낸다.윈도우 리사이즈 이벤트: 창 크기를 조절할 때마다 발생하는 이벤트를 연속적으로 처리하는 대신, 최종 크기가 결정된 후 일정 시간이 지나야 실행된다.예제 코드function debounce(func: Function, delay: number) { let timer: NodeJS.Timeout; return function (....

이벤트 전파(event propagation)이벤트 전파는 DOM에서 발생한 이벤트가 어떻게 전달되는지를 설명하는 중요한 개념이며, 이 과정은 캡처링, 타겟, 버블링으로 크게 세 단계로 나눠진다.캡처링(Capturing) 단계이벤트가 DOM 트리에서 최상위 요소인 document에서 시작해, 실제 이벤트가 발생한 요소인 타겟으로 내려가는 단계이며, 이 단계에서는 상위 요소에 등록된 이벤트 리스너들이 순차적으로 실행된다.타겟(Target) 단계이벤트가 실제로 발생한 타겟 요소에 도달하는 단계이며, 이 때 해당 타겟 요소에 등록된 이벤트 리스너가 실행된다.버블링(Bubbling) 단계이벤트가 타겟 요소에서 발생한 후, 다시 DOM 트리의 상위 요소들로 올라가며 전파되는 단계이며, 이 과정에서 상위 요소들에 ..

CommonJS와 ES Module(ESM)은 자바스크립트에서 모듈을 관리하고 불러오는 두 가지 주요 방식이며, 사용 환경과 특징에서 차이가 있다.CommonJS도입 배경: Node.js에서 모듈을 관리하기 위해 도입된 모듈 시스템특징:동기적 로딩: 모듈을 require로 가져올 때, 해당 모듈이 완전히 로드될 때까지 코드 실행이 멈춘다.문법:가져오기: const module = require('module');내보내기: module.exports = value; 또는 exports.property = value;사용 환경: 주로 Node.js 환경에서 사용되며, 브라우저에서는 번들러(예: Webpack, Browserify)를 통해 사용할 수 있다.모든 코드가 런타임 시점에 평가되기 때문에 동적 로딩이..

태그에서 async와 defer는 스크립트를 비동기적으로 로드한다는 공통점이 있지만, 실행 시점과 순서에서 큰 차이가 있다.async 속성특징비동기 다운로드: HTML 파싱과 동시에 스크립트를 다운로드한다.즉시 실행: 다운로드가 완료되면 바로 스크립트를 실행하며, 이 시점에 HTML 파싱은 잠시 중단된다.실행 순서가 불규칙: 여러 async 스크립트가 있을 경우, 다운로드가 완료된 순서대로 실행된다.적합한 경우다른 스크립트나 HTML 구조와 독립적으로 실행되는 코드에 적합하다.예: Google Analytics, 광고 스크립트 등 페이지와 상호작용하지 않는 외부 도구 defer 속성특징비동기 다운로드: HTML 파싱과 동시에 스크립트를 다운로드한다.HTML 파싱 이후 실행: HTML 문서 파싱이 끝난 후..

교착상태가 발생할 수 있는 조건이 아닌 것은? 1. Mutual exclusion2. Hold and wait3. Non-preemption4. Linear wait더보기답: 4 해설:교착상태 발생의 조건상호 배제 (mutual exclusion)점유와 대기 (hold and wait)비선점 (Non-preemption)환형 대기 (Circular wait)리눅스 Bash 쉘(Shell)에서 export와 관련한 설명으로 틀린 것은?1. 변수를 출력하고자 할 때는 export를 사용해야 한다.2. export가 매개변수 없이 쓰일 경우 현재 설정된 환경변수들이 출력된다.3. 사용자가 생성하는 변수는 export 명령어 표시하지 않는 한 현재 쉘에 국한된다.4. 변수를 export 시키면 전역(Global..

Render phase와 Commit phaseReact의 렌더링 과정은 Render phase와 Commit phase로 크게 두 가지 단계로 나눌 수 있다.각각의 단계는 UI 업데이트 과정에서 서로 다른 역할을 수행하며, 이를 통해 효율적이고 일관된 사용자 경험을 제공한다.Render PhaseRender phase는 React가 변화된 상태(state)나 속성(props)에 따라 어떤 UI를 변경해야 할지를 결정하는 단계이며, 이 과정에선 실제 DOM을 업데이트하진 않지만, 변경 사항을 가상 DOM(Virtual DOM)에서 계산하고 비교한다.중단 가능성: Render phase는 성능에 영향을 주지 않도록 필요에 따라 중단되거나 다시 실행될 수 있다.비동기 처리: React 18에서 도입된 Con..

IEEE 802의 표준 규약 IEEE 802.3 : CSMA/CDIEEE 802.4 : Token BUSIEEE 802.5 : Token RINGIEEE 802.8 : Fiber optic LANSIEEE 802.9 : 음성/데이터 통합 LANIEEE 802.11 : 무선 LAN(CSMA/CA)HRN 방식의 우선순위 산정 공식 (대기시간+서비스시간) / 서비스 시간  >>  (값이 클 수록 우선순위가 높다.)IP 주소 ClassA class에 속하는 ip 주소 범위: 0.0.0.0 ~ 127.255.255.255B class에 속하는 ip 주소 범위: 128.0.0.0 ~ 191.255.255.255C class에 속하는 ip 주소 범위: 192.0.0.0 ~ 223.255.255.255D class i..

시스템 구성요소입력 (Input): 처리 방법, 처리할 데이터, 조건을 시스템에 투입하는 것처리 (Process): 입력된 데이터를 처리 방법과 조건에 따라 처리하는 것출력 (Output): 처리된 결과를 시스템에서 산출하는 것제어 (Control): 자료를 입력하여 출력될 때까지의 처리 과정이 올바르게 진행되는지 감독하는 것피드백 (Feedback): 출력된 결과가 예정된 목표를 만족시키지 못할 경우 목표 달성을 위해 반복 처리하는 것코드 방식연상 코드: 항목의 명칭이나 약호와 관계 있는 숫자, 문자, 기호를 이용하여 코드를 부여하는 방법블록 코드: 대상 항목에서 공통적인 것을 블록으로 구분하고 블록 내에 일련 번호를 부여하는 방법순차 코드: 일정 기준에 따라 최초의 자료부터 순차적으로 일련번호를 부여..