2022년 04/27 면접 질문 정리

display : inline과 block의 특징을 설명해보세요

inline

display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다.

block

display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다.

inline-block

display 속성이 inline-block으로 지정된 엘리먼트는 기본적으로 inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 하지만 inline 엘리먼트에서 불가능하던 width와 height 속성 지정 및 margin과 padding 속성의 상하 간격 지정이 가능해집니다.

 

특징	block	inline	inline-block
상하 마진/패딩	✅	❌	✅
좌우 마진/패딩	✅	✅	✅
요소 사이 줄바꿈	✅	❌	❌
기본너비가 부모너비	✅	❌	❌
요소 사이 공백	❌	✅	✅
너비와 높이 명시했을 때 적용	✅	❌	✅

inline속성시 margin이 적용될까요?

인라인 속성은 마진의 상,하단이 적용되지 않습니다.

width와 height의 기본값은 무엇일까요?

width와 height의 기본 값은 auto입니다.

배열이 거의 정렬되어 있을 경우 어떤 정렬이 가장 빠를까요?

https://www.toptal.com/developers/sorting-algorithms

Sorting Algorithms Animations

사이트에서 확인이 가능