DOM 트리 보는 곳

안녕하세요 🙂 질문 감사합니다.DOM Tree는 브라우저가 HTML 문서를 파싱해서 메모리상에 만든 '트리 형태'의 객체 구조입니다.따라서 트리구조가 아닌 요소탭은 DOM Tree가 아닙니다.다만 요소 탭은 DOM Tree를 시각적으로 보여주는 뷰라고 할 수 있습니다.

배열과 객체의 구조분해할당 방법이 다른 이유

안녕하세요 🙂 질문 감사합니다.배열과 객체의 구조 분해 할당 방식이 다른 이유는 자바스크립트에서 배열과 객체가 값을 구분하는 기준 자체가 다르기 때문입니다.질문 주신 것과 같이, 배열은 인덱스 기반 접근이라 순서가 중요하며, 객체는 키 기반 접근이라 이름(키)이 중요하기 때문입니다.

배열 메서드가 순수 함수인지 확인하는 방법

안녕하세요 🙂 질문 감사합니다.자바스크립트에는 매우 많은 배열 메서드가 있습니다. 따라서 모든 메서드들이 순수 함수인지 암기할 수는 없습니다. 자바스크립트를 사용해 개발을 하다보면, 비순수 함수들에는 무엇이 있는지 자연스럽게 알게 되실겁니다.하나씩 값을 입력하는 방법 보다는 개발을 하다가 특정 배열 메서드를 사용할 일이 발생하는 경우에 검색을 해보시면 될 것 같습니다.

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

안녕하세요 🙂 질문 감사합니다.forEach는 콜백을 실행할 때 현재 요소, 인덱스, 전체 배열의 순서대로 이해하기 때문에 '전체 배열'만을 사용하고 싶다면 앞에 _ 를 작성하면 됩니다.

콜백 함수의 매개변수는 어떻게 구분되나요?

안녕하세요 🙂 질문 감사합니다.콜백 함수의 매개변수는 개발자가 이름을 어떻게 짓느냐와 전혀 관계 없습니다.중요한건 '자바스크립트가 콜백 함수에 어떤 값을 몇 번째 인자로 넣어주는가 입니다.forEach는 콜백을 생성할때 항상 callback(현재 요소, 인덱스, 전체 배열) 방식으로 실행합니다.해당 순서에 맞게 요소를 넣어주면 됩니다.

호이스팅 안쓰는게 좋나요?

안녕하세요 🙂 질문 감사합니다.호이스팅 자체가 "쓰면 안되는 기능"은 아닙니다.자바스크립트 엔진의 동작 방식이고, 항상 일어나기 때문입니다.다만 호이스팅을 의도적으로 적용하는 것은 추천드리지 않습니다.코드의 가독성이 떨어질 뿐만 아니라 여러 오류를 발생할 수 있기 때문입니다.코드를 작성할 때에는 신경을 써서 명확한 스코프를 만드는 방식이 더 안전합니다.

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

안녕하세요 🙂 질문 감사합니다.함수 선언식과 함수 표현식은 정답이 있는 선택은 아니고, 코드의 의도와 구조에 따라 자연스럽게 선택되는 경우가 많습니다.함수 선언식은 보통 호이스팅에 의해 코드 어디서든 호출이 가능하다는 특징이 있기 때문에, 기능적으로 독립적이고, 코드 흐름상 자유롭게 호출될 필요가 있을 때 주로 사용됩니다.함수 표현식은 값처럼 변수에 담길 수 있다는 특징 떄문에 훨씬 유연하므로, 화살표 함수로 간결하게 작성하고 싶을 때, 특정 스코프 내에서만 사용하려는 지역 함수를 만들 떄 사용됩니다.

?. 연산자는 자바스크립트 연산자인가요?

안녕하세요 🙂 질문 감사합니다.옵셔널 체이닝(?.)은 TypeScript 전용 기능이 아니라, 자바스크립트 표준(ECMAScript)에 포함된 공식 연산자입니다. 객체의 특정 프로퍼티가 존재하지 않을 때 에러를 내지 않고, 안전하게 접근할 수 있게 해주는 자바스크립트의 연산자라고 할 수 있습니다. 감사합니다.

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

안녕하세요 🙂 질문 감사합니다.React.js에서 사용하는 조건부 렌더링은, 자바스크립트의 논리 연산을 그대로 사용한 것으로,강의에서 다루는 && 연산자(AND)와 || 연산자(OR)와 동일합니다.

<div class="bookmark-item-add-btn"> 질문

안녕하세요 🙂 질문 감사합니다.해당 강의 영상의 25초를 보시면, 자막으로 "id 값도 동일하게 작성해주세요" 라고 나와있습니다.id 값을 동일하게 작성해주시면 될 것 같습니다. 감사합니다.