(그냥 나 혼자서 보려고 정리한 거...) FlexBox는 css의 display 요소 중 하나이다. 이는 기존의 display 요소들이 가지는 단점을 보완하기 위해 생겼다! 그럼 먼저 display 속성에 들어가는 기존 요소에 대해 살펴보자 - block: 너비와 높이를 가지며 사진과 같이 margin이 존재하는 단점이 있다 ㅠㅠ 또한, element가 한 줄을 차지하여, 옆에 다른 element가 올 수 없어 아래로 배치된다. // App.js import "./App.css"; function App() { return ( ); } export default App; /* App.css */ .wrapper { display: block; height: 500px; width: 500px; back..