귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/03/19 3

자바스크립트 공부하기 - 빌트인 생성자 배열

지난 기억 되짚고 가기... 사용자 생성자 함수(custom constructor function) 빌트인 생성자 함수 (built-in constructor)✔ 빌트인 생성자: 기본 제공되는 생성자 (Number(), String(), Array() 등)✔ 사용자 정의 생성자 함수: 개발자가 직접 만드는 생성자 (function Person() {})더보기응! 배열 자체는 화면에 직접 표시되지 않고, 반드시 렌더링(rendering) 과정이 있어야 화면에 보여질 수 있어. 🔍 왜 배열만으로는 화면에 보이지 않을까?배열은 JavaScript의 데이터 구조일 뿐이고, HTML 문서에 자동으로 반영되지 않아.즉, console.log(items); 하면 개발자 도구 콘솔에서 배열의 내용을 볼 수는 있지만..

Studying/JavaScript 2025.03.19

자바스크립트 공부하기 - 객체라는 단어가 왜 이렇게 많이 나와 .. ?

공부하다가 단순히 생긴 호기심.객체라는 단어가 자주 등장해서, 이런 저런 개념이 섞여 복잡 했다 .. 특히 이벤트 객체랑, 생성자 함수의 객체랑객체라는 이름은 같은데 도저히 이해가 안되던 찰나...  Q : 자바스크립트에서 생성자 함수 파트의 객체 부분과 이벤트 함수 부분의 이벤트 객체는 이 두 객체는 서로 다른 의미지 ?A : 응, 서로 다른 의미야!   생성자 함수의 객체 : new 키워드를 사용해 생성자 함수를 호출하면 새로운 객체가 만들어져. 이벤트 객체 (Event Object)이벤트 핸들러에서 이벤트가 발생하면 브라우저가 자동으로 이벤트 객체를 생성해서 핸들러 함수의 첫 번째 인자로 전달해 줘.이 객체에는 이벤트 타입, 발생 위치, 키 입력 정보 같은 여러 속성이 들어 있어.생성자 함수에서의 ..

Studying/JavaScript 2025.03.19

자바스크립트 공부하기 - 사용자 생성자 함수, 생성자 객체

이름부터 생소한 생성자 함수와 객체..조금 쉽게 이해하기 위해, 아래에 비유를 먼저 정리해보았다. 사용자 생성자 함수(custom constructor function) 빌트인 생성자 함수 (built-in constructor)✔ 빌트인 생성자: 기본 제공되는 생성자 (Number(), String(), Array() 등)✔ 사용자 정의 생성자 함수: 개발자가 직접 만드는 생성자 (function Person() {})즉, "반대말"이라고 할 수 있지만, 둘 다 객체를 생성하는 방법 중 하나야! 😆생성자 함수는 상자 만드는 공장에 비유할 수 있어요.비유:상자 만드는 공장: 생성자 함수상자: 생성된 객체공장에서 만들 수 있는 상자는 여러 가지 종류가 있을 수 있고, 공장은 그 상자들을 정해진 규칙에 ..

Studying/JavaScript 2025.03.19