강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

JS코테님의 프로필 이미지
JS코테

작성한 질문수

파이널 코딩테스트 : 프론트엔드

브래드크럼 스크립트

[파코테 5 - 브래드크럼 스크립트] 자식 요소 추가에 대한 질문

작성

·

197

1

Loading.js에서는 appendChild를 사용해서 자식 요소를 추가했었는데요.  

Breadcrumb.js에서는 append를 사용한 이유가 궁금합니다.

// Loading.js
loadingWrapper.appendChild(loadingContent);


// Breadcrumb.js
breadcrumbWrapper.append(breadcrumb);

퀴즈

다른 컴포넌트들이 상속받는 `Component` 헬퍼 클래스의 주된 역할은 무엇인가요?

서버와 통신하여 데이터를 가져오는 역할

DOM 요소를 생성하고 조작하는 역할

이벤트 등록 및 발행 기능을 제공하는 역할

컴포넌트의 스타일을 관리하는 역할

답변 1

0

Bonfire님의 프로필 이미지
Bonfire
지식공유자

안녕하세요, JS코테님!

해당 부분에서 append 로 엘리먼트를 붙인 것은 특별한 이유가 없이 작업을 하면서 실수로 통일하지 못한 것으로 보입니다.

아마 알고 계실 것 같긴 하지만, appendChild 의 경우에는 단일 개의 노드 객체만허용되고, append 의 경우에는 여러 개의 노드객체, Dom string 을 추가할 수 있는 등의 차이가 있긴 하지만 여기에서는 특별한 이유가 없었습니다. ^^;

혼란을 드려 죄송합니다!

JS코테님의 프로필 이미지
JS코테

작성한 질문수

질문하기