이벤트 캡처(Event Capturing)란? 이벤트 캡처는 이벤트가 발생한 요소의 부모 요소부터 시작해서 해당 요소까지 이벤트가 전파되는 단계입니다. 즉, 이벤트가 가장 먼저 발생한 부모 요소부터 해당 요소까지 이벤트가 캡처되는 과정을 이벤트 캡처라고 부릅니다. 이벤트 캡처는 일반적으로 이벤트 리스너를 등록할 때 ...

동기적(synchronous) 방식이란? ▶ 동기적(synchronous)이란, 작업을 진행할 때 한 작업이 끝나야 다음 작업을 진행하는 방식을 말합니다. 예를 들어, 함수 A에서 B를 호출하고 있는 경우라면 B가 실행을 마치기 전까지 A는 실행되지 않습니다. 즉, A는 기다렸다가 B가 끝나면 다시 실행되는 것이 동기적인 방식입니다. 대체로 동기적인...

스레드(thread)란? ▶ 스레드(thread)란 컴퓨터 프로세스 내에서 실행되는 작업의 단위를 의미합니다. 일반적으로 멀티 스레드 언어에서는 여러 개의 스레드가 동시에 실행되며, 각 스레드는 별도의 작업을 수행하는데 이렇게 하면 여러 작업을 동시에 처리할 수 있어 시스템의 성능을 향상시킬 수 있습니다. 하지만 JavaScript는 단일 스레드 언...

콜백 지옥이란? ▶ 콜백 지옥(Callback Hell)은 JavaScript 코드에서 콜백 함수를 중첩해서 사용할 때 발생하는 코드의 가독성을 떨어뜨리고 유지보수를 어렵게 만드는 상황을 의미합니다. 콜백 지옥의 경우 비동기적인 작업을 처리할 때 많이 발생하는데 콜백 함수를 연속적으로 사용할 때 코드가 깊게 중첩되어 복잡해지기 때문입니다. 아래는 간...

const란? ▶ const는 JavaScript에서 변수를 선언할 때 사용되는 키워드 중 하나로, 상수를 선언하는 데에 사용됩니다. const로 선언된 변수는 한 번 할당되면 그 값을 변경할 수 없으며 재할당이 불가능합니다. //01 const PI = 3.14159; PI = 3; // 에러: 상수에 새 값을 할당할 수 없습니다. //02...

var이란? ▶ var은 JavaScript에서 변수를 선언할 때 사용되는 키워드 중 하나입니다. var 키워드로 변수를 선언하면 해당 변수는 함수 스코프를 가지게 되는데, 이 때 var로 선언된 변수는 호이스팅(Hoisting)이 발생합니다. 호이스팅은 JavaScript에서 변수 및 함수 선언이 해당 스코프의 맨 위로 끌어올려지는 현상을 말하며 ...

스프라이트 효과란? ▶ 스프라이트(Sprite) 효과는 웹 개발에서 이미지를 효율적으로 관리하고 성능을 개선하기 위한 기술입니다. 일반적으로 웹 페이지에서 여러 개의 작은 이미지를 사용할 때 각각의 이미지 파일을 따로 요청하면 웹 페이지의 로딩 속도가 느려질 수 있는데, 스프라이트 효과를 사용하여 여러 개의 이미지를 하나의 이미지 파일로 결합하고 필...

IR효과란? ▶ HTML과 CSS에서 IR 효과는 이미지 대체 텍스트(Image Replacement)를 의미하는데, 이는 시각 장애인을 포함한 사용자가 웹 페이지의 이미지를 이해할 수 있도록 도와주는 기술을 말합니다. 해당하는 CSS기법에는 .ir_pm, .ir_wa, .ir_so 3가지가 있는데 오늘은 해당 기법이 무엇인지에 대해 알아볼까합니다....

javascript 데이터 실행하기 ▶ 오늘은 제가 공부하면서 복습하기 위한 블로그를 써보려고 하는데요, 함께 보면서 같이 공부하면 좋으니 궁금하시다면 봐주세요! 1. find() ▶ find()는 배열(Array)에서 주어진 조건을 만족하는 첫 번째 요소를 찾아서 반환하는 JavaScript의 배열 메서드로 조건을 만족하는 요소가 없으면 un...

javascript 데이터 실행하기 ▶ 오늘은 제가 공부하면서 복습하기 위한 블로그를 써보려고 하는데요, 함께 보면서 같이 공부하면 좋으니 궁금하시다면 봐주세요! 1. includes() ▶ includes()는 배열(Array)이 특정 요소를 포함하고 있는지 여부를 확인하는 JavaScript의 배열 메서드로 대상 배열에 특정 요소가 포함되어...