Javascript

Javascript는 웹 페이지의 동적인 행위를 구현하기 위해서 탄생한 프로그래밍 언어입니다. 그러나 그 기능과 역할은 시간이 지남에 따라 웹 애플리케이션의 복잡한 로직을 처리하는 등 더욱 확장되었습니다. Javascript가 이처럼 다양한 작업을 처리할 수 있는 근본적인 이유 중 하나는 이벤트 루프(Event Loop) 와 비동기 처리(Asynchronous Processing) 메커니즘 덕분입니다. Javascript와 비동기 처리의 필요성 Javascript는 싱글 스레드 언어입니다. 이는 코드가 한번에 하나의 작업만 수행할 수 있음을 의미합니다. 이러한 환경에서 네트워크의 요청이나 파일 입출력과 같은 시간이 많이 소요되는 작접을 처리할 때, 해당 작업이 완료될 때까지 코드의 실행이 멈추게 됩니다...

자바스크립트 이벤트 처리는 웹 개발의 핵심 요소중 하나입니다. 이안에서 이벤트 캡쳐링, 버블링 및 이벤트 위임에 대해 자세히 살펴보고, 이들이 왜 중요하게 되었는지 또한 어떻게 사용하는지에 대해 살펴보겠습니다. DOM(Document Object Model)의 이해 우리가 먼저 이벤트 캡쳐링, 버블링 및 이벤트 위임을 알아가기 전 DOM을 먼저 알고 가야 이해하기 쉽습니다. DOM은 웹 페이지에 나타나는 HTML 문서 전체를 객체로 표현한 것이며, 접근 가능한 트리 구조로 표현됩니다. 웹 페이지의 모든 요소(HTML 태그)는 DOM 트리의 노드로 표현됩니다. 이 노드들 사이의 관계가 이벤트의 흐름을 결정합니다. 또한 document 객체가 웹 문서의 최상단 객체로 진입점 역할을 하고있습니다. 기본적인 이..

우리가 프로그래머스라는 코딩 테스트 연습하는 웹 사이트들을 살펴보다 보면 Javascript로 초기 설정 값이 var 로 되어있는것을 볼 수 있다. function solution(grid) { var answer = []; return answer; } 하지만 요즘 프론트 개발에서나 javascript 를 사용하는 프로젝트에서 오히려 let, count를 정말 많이 보이는데 그렇다면 왜 var는 사라지고 let, count를 사용하는 것일까? 이를 중복 선언 허용, 스코프, 호이스팅 관점에서 알아보려고 한다. 중복 선언 (Redeclaration) var 동일한 스코프 내에서 여러 번 선언할 수 있는 특징을 가지고 있습니다 let 동일한 스코프 내에서 중복 선언이 불가능합니다. const let 과 마..

자바스크립트에서의 데이터 타입 자바스크립트에서는 기본적으로 두 가지 유형의 데이터 타입을 가지고 있습니다. 원시 타입(Primitive types) 원시 타입은 자바스크립트에서 가장 기본적인 데이터 타입입니다. 해당 타입에서 이들은 불변(immutable)하며, 메모리에 직접 저장되고 복사됩니다. // 숫자(Number) let num1 = 100; let num2 = num1; // 값에 의한 복사 // num1을 변경해도 num2에 영향을 주지 않음 num1 = 200; console.log(num1); // 200 console.log(num2); // 100 (변경되지 않음) 참조 타입(Reference Types) 참조 타입은 메모리 상의 객체를 가리키는 참조에 의해 변수에 저장되고 복사됩니다...