flex1 [새싹x코딩온] 웹 개발자 부트캠프 과정 2주차 회고 | CSS - flex 오늘은 CSS의 display 속성에서 배치를 결정하는 Flex에 대해서 소개해보려 한다. 화면 레이아웃을 구성할 때 많이 사용한다. 그럼 Flex란 무엇이고 왜 필요할까? 예를 들어 웹사이트에 여러 콘텐츠를 배치한다고 하자. 인프런 사이트를 예시로 가져와보면 다음과 같다. '왕초보도 할 수 있어요'를 header라 하는데, 개발자 도구 내에서 flex 속성을 바꿔보면 가운데로 오게 할 수 있다. 이렇듯 각각의 요소들의 배치를 보기 좋게 만드는데 적극적으로 사용될 수 있다. 극단적으로 비유해 보자면 문서 작업 시의 가운데 정렬, 왼쪽 정렬 등과 같은 느낌이다. 1. Flex 속성 적용을 위한 개념 먼저 flex 속성을 사용하기 위해서는 몇 가지 개념을 알아야 한다. 1) flex-container fle.. 2023. 7. 25. 이전 1 다음