목록기타 (28)
연습장
이벤트 버블링 (Event Bubbling)이벤트 버블링은 이벤트가 발생한 요소에서 시작하여 상위 요소로 이벤트가 전파되는 방식입니다.발생요소 -> 최상위 요소 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Documenttitle>head>body> div id="outer"> div id="middle"> div id="inner">클릭해주세요div> div> div> script> document.getElementById('outer').addEventListener('cli..
프로미스의 완료를 기다리기 위한 문법, 비동기 코드를 동기처럼 작성 할 수 있음. 여러 비동기 작업을 순차적으로 진행할때 사용await 키워드는 async 함수 내에서만 사용할 수 있습니다.await는 Promise 객체 앞에 사용됩니다. 따라서 await를 사용하려면 해당 함수가 async로 선언되어 있어야 합니다.async 함수 안에서는 await를 사용하여 동기 코드처럼 작성할 수 있지만, await는 반드시 async 함수 내에서만 사용할 수 있습니다.await는 비동기 함수의 완료를 기다리는 동안 해당 함수의 실행을 일시 중지하므로, 코드 실행 순서를 제어하기에 유용합니다.await가 던진 에러는 throw의 에러를 처리하는 것 처럼 try-catch를 사용해 처리 할 수 있습니다. asyn..
Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. https://js0616.tistory.com/284 비동기 처리https://www.youtube.com/watch?v=rZrbQv1bMaI 1. 비동기 처리는 왜 필요한가?Javascript는 싱글 스레드 언어 == 두 개 이상의 연산이나 함수를 동시에 실행할 수 없다는 뜻하나의 연산이 실행 중이면, 쓰레드가js0616.tistory.com 배경자바스크립트는 싱글 스레드이므로 시간이 오래걸리는 연산에 대해 비동기처리를 해야하며비동기 함수의 처리 결과를 반환하는 경우, 순서가 보장되지 않기 때문에 그 반환 결과를 가지고 후속 처리를 하기 위해서는 비동기 함수의 콜백 함수..
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..