HTML

일반적으로 CSS를 불러오기 위해 link 요소를 head 요소의 자식 요소로 하고, JavaScript를 불러오기 위해 script 요소를 body 요소가 끝나기 직전에 위치시키는 이유가 무엇인가요?

-link 요소가 head의 자식 요소일 때, 유의미한 화면을 빠르게 전달하여 Ux(user exoression)이 높아지기 때문입니다.
-코드 해석 중, script를 만나면 작업이 일시중단되기 때문입니다.

li 요소는 왜 ul 요소의 자식 요소여야만 하나요?

-ul은 목록을 담는 요소이고 li는 목록에 담신 아이템을 보여주는 요소이기 때문입니다.

id 속성과 class 속성의 차이에 대해서 설명해주세요.

-여러 요소에 적용할 수 있는 class와 달리 id는 각각 단 한가지 요소에만 적용할 수 있습니다.

class

CSS box model에 대해서 설명해주세요.

-HTML 요소가 바깥쪽부터 마진, 보터, 패딩, 콘텐츠로 구성된 박스 형태의 영역을 가지는데 이를 박스모델이라고 합니다.

간단한 로그인 폼 컴포넌트를 가운데 위치시키려면 CSS를 어떻게 작성해야 하나요? (centering)

-display를 flex로, justify-content와 aligen-item을 center로 지정합니다

JavaScript

스코프에 대해서 설명해주세요.

변수가 접근할 수 있는 범위로 중괄호(})에 신경써야하는 큰 이유가 됩니다.

배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요.

-배열과 객체는 변수에 주소만을 할당하는 참조자려형이기 때문에 const로 선언했을지라도 요소나 속성을 추가할 수 있습니다.

원시 자료형과 참조 자료형에 대해서 설명해주세요.

-원시 자료형은 객체가 아니면서 method를 가진 요소[로 string, number, boolean, undefined, null 거기에 자주 사용되지는 않지만 symbol까지 더한 6가지]를 말합니다. 반대로 참조 자료형은 원시 자료형을 제외한, 하나의 주제는 있지만 분명 서로 다르고, 여러 개의 데이터를 가지고 있는 전부를 뜻합니다.

얕은 복사와 깊은 복사에 대해서 설명해주세요.

-얕은 복사는 복사한쪽과 내용을 공유하기에 한 쪽을 수정하면 다른 한 쪽 역시 수정이 이루어집니다. 반면 깊은 복사는 원본과 복사본이 서로 공유되지 않기에 한 쪽을 수정한다고해도 다른쪽에는 영향이 가지 않습니.

DOM

innerHTML 메서드와 textContent 메서드의 차이에 대해서 설명해주세요.

event.preventDefault 메서드는 언제, 왜 사용하는지 설명해주세요.

DOM 질문은 이해하는데 시간이 조금 더 필요할 듯 하다