JS

컴파일러 vs 인터프리터컴파일 언어에 동작 흐름 인터프리터 언어의 동작 흐름요약 자바스크립트는 웹 개발에서 핵심적인 역할을 하는 스크립팅 언어입니다. 우리가 자바 스크립트를 배워야 하는 이유는 브라우저 호환성, 동적인 사용자 인터페이스, 비동기 처리, 프론트엔드 및 백

자료형이란 - 컴퓨터가 처리하는 자료에 형태 정수 - 소수점이 없는 숫자 , 표현 방법에 따라 8진수, 10진수, 16진수 실수 - 소수점이 있는 숫자, (! 자바스크립트에서는 정밀한 실수 계산을 못 함)산술 연산자 두 값을 비교하여 true나 false로 결괏값을

객체에 대한 이해와 사용객체는 프로그래밍에서 데이터와 그 데이터를 다루는 동작(메서드)을 함께 묶어서 표현하는 자료구조입니다.내장 객체 (Built-in Objects)내장 객체는 JavaScript 언어 자체에 내장되어 제공되는 객체들을 말합니다. 이러한 객체들은 J

자바스크립트에서 즉시 실행 함수(IIFE, Immediately Invoked Function Expression)를 만들려면 함수를 정의하고 즉시 실행 연산자 ()로 둘러싸면 됩니다. IIFE는 함수를 정의함과 동시에 즉시 실행되며, 주로 스코프를 만들거나 전역 변수

JavaScript에서 BOM (Browser Object Model)은 웹 브라우저와 상호작용하기 위한 객체 모델입니다. BOM을 사용하면 JavaScript가 브라우저 창 및 브라우저의 기타 요소와 상호작용할 수 있습니다. BOM은 DOM(Document Objec

웹 페이지를 렌더링하는 과정은 대체로 다음의 순서로 이루어집니다HTML 파싱 (Parsing): 브라우저가 HTML 문서를 받아들이면, 이를 파싱하여 DOM Tree를 생성합니다.CSS 파싱 (Parsing): 브라우저가 CSS를 파싱하여 CSSOM Tree를 생성합니

자바스크립트 이벤트는 웹 페이지에서 발생하는 다양한 동작이나 발생 상황을 나타냅니다. 이런 이벤트를 활용하여 사용자의 행동에 반응하는 동적인 웹 페이지를 만들 수 있습니다. 예를 들어, 사용자가 버튼을 클릭할 때 메시지가 나타나게 하거나, 마우스를 웹 페이지의 특정 부

시나리오 코드 - 1이벤트 리스너를 하위 요소 개별적으로 달지 않고, 상위 요소에서 하나의 리스너로 모든 하위 요소의 이벤트를 관리하는 패턴입니다. 이 패턴은 주로 동적으로 요소가 변경될 때 유용합니다.브라우저에서 이벤트는 대상 요소에서 발생하며, 이후 상위 요소로 버

문서에서 form에 접근 방법:JavaScript에서는 document.forms를 통해 페이지 내의 모든 폼 요소에 접근할 수 있습니다. 이는 HTMLFormElement의 HTMLCollection입니다. 예를 들어, document.forms\[0]은 페이지 내의

1. 심볼즈(Symbols)에 대해 알아 보자 심볼즈(Symbols)"는 문자나 기호를 의미합니다. 웹 페이지에서 사용할 수 있는 다양한 문자나 기호가 있고, 이러한 문자나 기호는 특정 코드를 사용하여 웹 페이지에 표시할 수 있습니다. htmlsymbols 2.

1\. Flexible Box(flexbox)를 활용해서 HTML 요소를 만들어 보자. 시나리오 코드 - 1 (기본 HTML 및 Flexbox 를 사용해 보자 ) 1단계 결과 화면 시나리오 코드 - 2 (반복문을 활용한 리스트 생성)

자바스크립트 Promise는 비동기 작업을 처리하기 위한 객체입니다. Promise는 어떤 작업의 결과를 반환하는 객체로서, 이를 통해 비동기적으로 실행되는 작업을 처리하고 그 결과를 콜백 함수 등을 이용해 처리할 수 있습니다.Promise는 총 3가지 상태를 갖습니다