UI 공부13 JS의 또 다른 특징들 JavaScript는 유연하고 강력한 프로그래밍 언어로, 객체, 배열, 함수, 이벤트, 정규표현식 외에도 다양한 중요한 개념들이 존재합니다.여기에서는 호이스팅(hoisting), 스코프(scope), 클로저(closure), this 바인딩 등 JavaScript의 중요한 특징들을 설명하겠습니다.1. 호이스팅 (Hoisting)**호이스팅(hoisting)**은 JavaScript에서 변수 선언과 함수 선언이 코드 실행 전에 상단으로 끌어올려지는 동작을 말합니다. 하지만 변수 초기화는 호이스팅되지 않고, 선언만 호이스팅됩니다.예제 코드:1234567891011console.log(x); // undefined (변수 선언이 호이스팅되었으나 초기화는 되지 않음)var x = 5;console.log(x);.. 2024. 8. 17. JS의 정규표현식 JavaScript의 정규표현식(Regular Expression)은 문자열에서 특정 패턴을 검색하거나, 매칭되는 부분을 추출하거나, 치환하는 데 사용됩니다. 정규표현식은 매우 강력한 도구로, 패턴 매칭을 통해 복잡한 문자열 조작을 단순화할 수 있습니다.기본 개념정규표현식은 슬래시(/)로 감싸서 정의되며, 다양한 패턴과 메타문자를 사용하여 문자열의 구조를 기술합니다.기본 구조:1let regex = /pattern/flags;cspattern: 찾고자 하는 문자열의 패턴.flags: 정규표현식의 동작 방식을 변경하는 옵션 (예: g, i, m 등).주요 플래그g (global): 문자열 내에서 패턴을 전역으로 검색합니다. 첫 번째 매칭만 찾는 것이 아니라 전체에서 매칭되는 부분을 찾습니다.i (ignor.. 2024. 8. 17. JS의 이벤트 JavaScript에서 이벤트 모델은 사용자와 웹 페이지 간의 상호작용을 처리하는 방법을 정의합니다. JavaScript 이벤트 모델은 주로 3가지로 분류할 수 있습니다:기본 이벤트 모델 (DOM 레벨 0 이벤트 모델)인라인 이벤트 모델표준 이벤트 모델 (DOM 레벨 2, 3 이벤트 모델 (이벤트 위임 포함))각 모델은 이벤트를 처리하는 방법이 다르며, 이에 따라 다양한 방식으로 이벤트를 다룰 수 있습니다.1. 기본 이벤트 모델 (DOM 레벨 0 이벤트 모델)기본 이벤트 모델은 가장 단순한 이벤트 처리 방식으로, HTML 요소에 직접 이벤트 핸들러를 할당하는 방식입니다. 이 방법은 주로 JavaScript의 초기 버전에서 사용되었으며, 한 요소에 하나의 이벤트 핸들러만 설정할 수 있습니다.특징:HTML .. 2024. 8. 16. JS의 Window객체 JavaScript의 Window 객체는 브라우저 환경에서 전역 객체(global object)로, 브라우저 창 또는 탭을 나타냅니다. 이 객체는 웹 페이지와 관련된 많은 기능과 속성을 제공하며, 전역적으로 접근 가능한 변수와 함수들은 사실 Window 객체의 프로퍼티로 존재합니다. 예를 들어, window.alert()는 alert()와 동일하게 작동합니다.주요 속성 및 메서드window.document현재 로드된 웹 페이지를 나타내는 Document 객체를 반환합니다.예: document.title은 현재 웹 페이지의 제목을 반환합니다.window.location현재 문서의 URL 정보를 포함하는 객체로, 이를 통해 페이지를 이동하거나 URL 정보를 얻을 수 있습니다.예: window.location.. 2024. 8. 16. JS의 객체 JavaScript에서 객체(Object)는 데이터를 구조화하고 관리하기 위한 핵심 요소 중 하나입니다.객체는 키-값 쌍(Key-Value Pair)으로 이루어져 있으며, 다양한 데이터 타입을 포함할 수 있습니다.객체는 JavaScript의 거의 모든 것을 나타낼 수 있기 때문에 매우 중요한 개념입니다.1. 객체의 정의객체 생성: 객체는 중괄호 {}를 사용하여 생성됩니다. 객체 내부는 하나 이상의 키-값 쌍으로 구성됩니다.123456let person = { name: 'John', age: 30, job: 'Developer'}; cs여기서 name, age, job은 키(property name)이고, 'John', 30, 'Developer'는 값(value)입니다.2. 객체의 속성.. 2024. 8. 15. JS의 구문 JavaScript(JS)에서 "태그"라는 용어보다는 "문법 요소", "구문" 또는 "문"(statements)라는 표현을 사용합니다.JavaScript는 HTML이나 CSS와 달리 자체적으로 태그를 사용하지 않고, 대신 프로그래밍 구문을 통해 기능을 구현합니다. 여기서는 JavaScript의 중요한 구문과 개념들을 상세히 설명하겠습니다.1. 변수 선언JavaScript에서는 변수를 선언하여 데이터를 저장하고, 나중에 이를 참조할 수 있습니다.var: 오래된 변수 선언 방식으로, 함수 스코프를 가집니다. 현대 JavaScript에서는 주로 let이나 const를 사용합니다. let: 블록 스코프를 가지며, 변수의 값을 변경할 수 있습니다. const: 블록 스코프를 가지며, 선언 후 값을 변경할 수 없습.. 2024. 8. 15. 이전 1 2 3 다음