빼곡히 채울 프론트엔드 일기장

🥇 this 🥈 일반 함수와 화살표 함수에서의 this this : 나를 호출한 대상을 불러와야하는 경우에 사용한다. (함수 종류에 따라 this를 찾는 방법이 달라진다.) ➡️ 일반함수(선언문, 표현식)인지 화살표함수인지에 따라 this가 달라진다. 일반 함수 화살표 함수 this 찾는 방법 나를 호출한 대상을 this 로 바인딩 this를 바인딩하지 않는다. 찾아야한다면 부모의 this를 가져온다. 상위 부모에 this가 없다면 window를 가져온다. 사용하는 경우 객체에서 메서드를 정의할 때 메서드 안에서 함수를 호출할 때 ☔ 객체의 메서드를 정의할때는 화살표 함수보다 일반 함수가 더 좋은거 아닌가요? ⭕ 메서드 안에서 함수를 호출할때는 화살표 함수가 더 좋나? ⭕ ☔ +기타) 노드리스트는 배열이..

🐱 함수 표현식 이론 🐶 함수 표현식 // 함수 선언문 function sayHi() // 함수 표현식 let sayHi = function() { alert( "Hello" ); }; 함수 표현식은 함수를 생성하고 생성한 함수를 변수에 할당하는 형태이다. → 함수는 “값”이라서 변수에 할당할 수 있다. sayHi() → 함수를 실행한 값을 반환한다. sayHi → 함수를 실행하지 않고 함수 본문이 출력된다. const a = sayHi() ⇒ a에 sayHi()의 반환값 ‘hello’가 담긴다. const b = sayHi ⇒ b는 sayHi 함수(function) 본문이 담긴다. a는 저장된 값을 가져올 수 있지만 b는 함수 본문이 들어가 있어서 sayHi()처럼 b를 함수처럼 실행할 수 있다. b(..

[nodeType] () DOM API에서 노드의 유형을 표현합니다. → node는 구조화된 데이터나 정보의 개별 요소를 의미합니다. → API(애플리케이션 프로그래밍 인터페이스)는 서로 다른 소프트웨어 간에 데이터를 교환하여 기능을 통합할 수 있게 해주는 규약입니다. Node: nodeType property - Web APIs | MDN The read-only nodeType property of a Node interface is an integer that identifies what the node is. It distinguishes different kind of nodes from each other, such as elements, text and comments. developer.m..

if 와 '?'를 사용한 조건 처리 ☀️ 'else if ' 로 복수 조건 처리하기 조건문(Info) let year = prompt('ECMAScript-2015 명세는 몇 년도에 출판되었을까요?', ''); if (year 2015) { alert( '숫자를 좀 더 내려보세요.' ); } else { alert( '정답입니다!' ); } 조건 year 2015를 확인합니다. 이 조건 또한 거짓이라면 else 절 내의 alert를 실행합니다. → else if 블록을 더 많이 붙이는 것도 가능하다. 마지막에 붙는 else는 필수가..

🌈형 변환 명시적 형 변환 암시적 형 변환 데이터 → 문자 / 데이터 → 숫자 / 데이터 → 불리언 데이터 → 문자 const YEAR = 2023; console.log( typeof String(YEAR) ); // 명시적 형 변환 console.log( YEAR + ' '); // 암시적 형 변환 문자형으로 변환 명시적 형 변환은 typeof String을 붙여 명시적으로 문자형으로 바꾼다고 보여줍니다. 암시적 형 변환은 ' ' 공백 문자를 이용하여 암시적으로 형 변환을 합니다. 데이터 → 숫자 // string let num = '250'; console.log(typeof(num)); //문자 console.log(Number(num)); //숫자 - 명시적 형 변환 console.log(+nu..

🚩 변수와 상수 변수(variable)를 사용하는 이유 코드의 유지보수에 좋습니다. 성능 이슈를 위해 사용 합니다. 선언방법 1. let 2. const 3. var 선언부와 할당부 let name = ‘hello’; let name: 선언부 = : 대입(할당) 연산자 'hello' : 할당부 let user = 'John', age = 25, message = 'Hello'; 위와 같이 한 줄에 여러 변수를 선언하는 것도 가능하지만 가독성을 위해 아래와 같이 한줄에 하나의 변수를 작성하는 것이 좋습니다. let user = 'John'; let age = 25; let message = 'Hello'; 이 외에도 let은 하나만 사용하고 나머지 변수를 ,(쉼표)를 통해 선언하는 방식인 Single le..