2025.03.12 - [Frontend/JS] - 화살표 함수 & 비동기 처리 에서 간략하게 화살표 함수를 설명했다.화살표 함수에서 `this` 키워드를 사용하는 방법을 작성하려 한다.JS의 this화살표 함수와 전통적인 함수는 서로 다른  `this` 값이 바인딩될 수 있다.JS에서의 this는 메서드, 함수가 호출될 때마다 현재 호출중인 메서드를 보유한 객체가 this로 연결됨만일, 현재 호출 중인 메서드를 보유한 객체가 없다면, 전역 객체 (Global Obj, window)가 연결된다.let obj = { result: 0 };obj.add = function (x, y) { this.result = x + y;};obj.add(3, 4);console.log(obj); // { result:..

Attribute(HTML 속성)정적 값: HTML 속성은 문서의 초기 상태에서 정의된 값을 의미HTML 태그에 정의된 값: HTML에서 요소가 정의될 때, 태그 내에서 설정된 값을 `attribute`라고 함DOM에 반영되기 전의 상태: HTML 속성은 웹 페이지가 로드될 때 초기값으로 설정됨`value`는 `input` 요소의 속성, value="John Doe"는 페이지가 처음으로 로드될 때 설정된 속성 값이다.Property (DOM 속성)동적 값: DOM 속성은 JS 코드에서 변경할 수 있는 값을 의미, JS 코드에 의해 변경될 수 있음DOM 객체에 반영된 값: HTML 문서에서 설정된 초기 값을 DOM 객체로 가져와서 JS로 제어const input = document.getElementByI..

표현식 & 문장표현식(expression): 값을 만들어 내는 간단한 코드문장(statement): 프로그래밍 언어에 실행하 룻 있는 코드의 최소 단위문장 마지막에 `세미콜론` 또는 `줄 바꿈`을 넣어 종결을 나타냄 표현식 ∈ 문장`표현식`+`세미콜론` =  문장// 문장273;10 + 20 + 30 * 2;var name = '0w'+'oy';alter('Hello world!');// 표현식27810 + 20 + 30 * 2'Js'식별자js에서 변수나 함수 등에 이름을 붙일 때 사용관례클래스 외 생성자 함수 이름은 항상 대문자로 시작변수, 인스턴스, 함수 & 메서드의 이름은 항상 소문자로 시작여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로  함식별자 표기법식별자 표기법설명예시주로 사용되는 곳s..