🔥목차🔥

1. 기술면접 질문에 대한 추가적 답변 정리 [3탄]

( 오늘의 기분 🔥 )

🧐그렇다면 꼬!🧐

💡 모의 기술면접 질문 3번

• Flex Style에 대해 설명해주세요

  • 나의답변
    Flex는 Flexible box, 또는 flex box라고도 부르는데요
    Flex는 레이아웃 배치를 위해 전용으로 만들어진 기능입니다
    Flex는 기본적으로 메인축을 기준으로 아이템들이 가로로 배치되고 내용물의 width만큼만 공간을 차지하게 됩니다.
    그런것들로 인해서 오는 장점은 페이지 레이아웃이 다른 화면 크기와 다른 디스플레이 장치를 수용해야 할 때 아이템들의 컨트롤이 쉬워지다보니 반응형인 레이아웃에 반응하기도 좋다보니 현대식 레이아웃에 아주 좋은 기능이라고 각합니다.

• Flex-direction이 colum일때는 어떻게 정렬되나요?

  • 나의답변
    colum은 위에서 아래로 정렬하는 형태이기때문에 아이템들은 세로로 정렬이 됩니다.

• Justify content와 Align-items는 어떻게 다른가요?

  • 나의 답변
    align-items와 justify content 모두 수직방향의 정렬은 맞습니다 하지만 justify content는 그중에서도 가로축을 기준으로 좌우에 대한 정렬을 담당하고
    align-items는 세로축을 기준으로 정렬을 하게 되는 차이점이 있습니다.