연습장

https://velog.io/@developer-sora/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%A9%B4%EC%A0%91-%EC%A7%88%EB%AC%B8-%EC%A0%95%EB%A6%AC-Part1CS-JSReact 프론트엔드 면접 질문 정리 Part1(CS, JS,React)면접을 준비하자velog.io 해당 사이트의 질문을 참고 했습니다.Promise와 Callback의 차이를 설명해주세요.콜백함수의 경우 비동기 작업 결과에 대한 처리를 콜백 함수의 중첩을 통해서 할 수 있고 프로미스의 경우 then catch 메서드를 사용해서 처리할 수 있습니다. https://js0616.tistory.com/272 async, await의 사용 방법을 설명..

https://www.youtube.com/watch?v=rZrbQv1bMaI  1. 비동기 처리는 왜 필요한가?Javascript는 싱글 스레드 언어 == 두 개 이상의 연산이나 함수를 동시에 실행할 수 없다는 뜻하나의 연산이 실행 중이면, 쓰레드가 block되는 것입니다.시간이 오래 걸리는 작업이 메인 쓰레드를 block하고 있으면, 심각한 자원 낭비와 사용성 저하로 이어진다.따라서, 메인 쓰레드를 block하지 않고 이런 작업들을 수행할 수 있는 방안이 필요합니다.  2. 비동기 작업이란 무엇인가?  자바스크립트 엔진은, 긴 시간이 소요되는 작업들을 메인 쓰레드에서 처리하지 않고,백그라운드에서 처리하며 이러한 작업을 "비동기 작업"이라고 부르는 것입니다.     3. 왜 C++ 라이브러리를 사용하는..

콜백 함수는 전달인자로 다른 함수에 전달되는 함수입니다.   동기식 콜백(synchronous callbacks)중간에 비동기 작업 없이 외부 함수 호출 직후에 호출예는 Array.prototype.map(), Array.prototype.forEach()에 전달된 콜백 함수가 포함됩니다.let value = 1;function doSomething(callback) {    callback();}doSomething(() => {  value = 2;});console.log(value); // 2   비동기식 콜백(asynchronous callbacks)비동기 작업이 완료된 후 나중에 호출됩니다.setTimeout() 및 Promise.prototype.then()에 전달된 콜백 함수let valu..

URL은 어떻게, 어디에서 리소스를 가져와야하는지 명시하는 URI이다.URN은 경로와 리소스 자체를 특정하는 것을 목표로하는 URI이다.

코드(Code) 영역:프로그램의 명령어들이 위치하며, CPU가 실행할 명령어들의 메모리 주소가 지정됩니다.이 영역은 읽기 전용이며, 프로그램 실행 중 수정되지 않습니다.데이터(Data) 영역:데이터 영역은 초기화된 전역 변수와 정적 변수가 저장되는 영역입니다.프로그램이 시작될 때 할당되고 프로그램이 종료될 때 해제됩니다.초기화된 데이터는 처음에 명시적으로 초기화된 값을 가지며, 정적 변수는 초기화되지 않은 경우 기본적으로 0으로 초기화됩니다.힙(Heap) 영역:힙 영역은 프로그램 실행 중 동적으로 할당되는 메모리를 관리하는 영역입니다.프로그래머가 직접 메모리를 할당하고 해제할 수 있습니다 (예: malloc() 및 free() 함수 사용).힙은 메모리 할당이 자유롭고 크기가 유동적이며, 할당된 메모리는 ..

HTML 파싱에서 "파싱"이란 HTML 문서의 구조와 내용을 분석하고 이해하는 과정을 의미합니다. 파싱의 세부 과정토큰화 (Tokenization):HTML 문서의 원시 문자열을 읽어서 작은 단위인 토큰(token)으로 나누는 과정입니다. 토큰은 HTML 태그, 속성, 텍스트 내용 등이 될 수 있습니다.예를 들어, Hello라는 HTML 문자열을 토큰화하면, , Hello, 로 나뉩니다.구문 분석 (Syntax Analysis):토큰화된 단위들을 분석하여 HTML 문서의 구조를 파악합니다. 이 과정에서 HTML의 문법 규칙을 적용하여 올바른 구조를 만들도록 합니다.HTML 문서의 태그들이 올바르게 중첩되어 있는지, 태그가 올바르게 닫혀 있는지 등을 검사합니다.트리 구조 생성 (Tree Constructi..

API (Application Programming Interface) 정의 (주관적인 해석을 곁들인...)소프트웨어 응용 프로그램이 서로 상호 작용할 수 있도록 만들어진 인터페이스입니다.사전에 만들어놓은 기능이나 데이터를 프로그램 사이에서 주고 받기 위한 방법으로 사용 됩니다. 특징 API는 일반적으로 문서화되어 있어서 사용 방법이 명확합니다.API 호출은 일반적으로 비동기적으로 처리되며, 요청과 응답은 데이터 형식(JSON, XML 등)으로 전송됩니다. API 구조엔드포인트(Endpoint) : API에서 특정한 리소스에 접근할 수 있는 URL입니다.요청 방식 : HTTP(주로사용), HTTPS, WebSocket, FTP, SMTP, RPC요청 및 응답 형식 : JSON , XML매개변수 : API..

프로세서 : 중앙 처리 장치 , cpu 프로그램 : 특정 작업을 수행하기 위해 작성된 소프트웨어를 의미합니다.프로세스 : 실행 중인 프로그램의 인스턴스로, 메모리(RAM)에 로드되어 CPU에서 실행 중인 프로그램의 상태 멀티 태스킹 : 동시에 여러 작업을 처리하는 능력 , ex) 유튜브 키고 게임하기멀티 프로세서 : 여러 개의 독립적인 CPU가 하나의 시스템에서 동시에 작업을 처리하는 구조 (컴퓨터가 여러개)다중 코어 : 하나의 CPU 내부에서 여러 개의 실행 단위(코어)가 병렬로 작업을 처리하는 구조 (듀얼코어 .. ) 작업 방식동시성 : 1개의 CPU가 매우 빠르게 작업을 번갈아가며 실행하여 동시에 여러 작업이 처리되는 것처럼 보이게 하는것병렬성 : 여러개의 CPU 코어나 처리 장치가 동시에 여러 작..

서브넷 (Subnet)서브넷은 IP 네트워크의 일부를 묶어 관리하는 기술적인 개념입니다. 일반적으로 IP 주소는 네트워크 ID와 호스트 ID로 나뉘는데, 서브넷마스크(Subnet Mask)를 사용하여 네트워크를 여러 개의 부분 네트워크로 분할합니다. 각 서브넷은 독립적인 네트워크처럼 동작할 수 있습니다.목적:서브넷은 네트워크를 더 작은 단위로 분할하여 관리하고, 효율적으로 데이터 전송을 관리합니다.보안, 관리, 라우팅 등을 효율적으로 처리하기 위해 사용됩니다.구성 요소:서브넷은 IP 주소와 서브넷 마스크로 정의됩니다. 서브넷 마스크는 IP 주소의 네트워크 부분과 호스트 부분을 구분하는 역할을 합니다.예를 들어, 192.168.1.0/24는 192.168.1.0부터 192.168.1.255까지의 IP 주소..

1. SSR(Server-Side Rendering)SSR은 서버 측에서 웹 페이지의 UI를 생성하여 클라이언트에게 전달하는 방식입니다.동작 방식:클라이언트가 페이지를 요청하면, 서버는 요청된 페이지의 HTML을 서버 측에서 동적으로 렌더링합니다.서버는 데이터를 가져와서 필요한 HTML을 생성하고, 완성된 HTML을 클라이언트에게 반환합니다.클라이언트는 서버로부터 받은 HTML을 바로 화면에 렌더링합니다.특징:SEO에 유리합니다. 검색 엔진은 HTML을 읽고 인덱싱할 수 있어 검색 결과에 노출될 가능성이 높습니다.초기 로딩 속도가 빠릅니다. 서버에서 완전한 HTML을 받아오기 때문에 초기 렌더링 시간이 짧습니다.사용자가 페이지를 요청할 때마다 서버에서 데이터를 가져와 동적으로 페이지를 구성할 수 있습니다..