STOTV NOW [트러블 슈팅(4)] - 플렉스 박스 레이아웃(display : flex) 활용의 중요성

오늘 드디어 (보이는 부분은) 홈화면 구현을 마쳤다. 0. 닥친문제 아직 복잡한 기능을 구현하진 않았지만 디자인을 구현하는 부분에서 굉장히 어려움을 겪었다..

역시 CSS를 다루는 것이 쉽지 않았다. 고려해야 할 부분이 생각보다 많았다.

특히 요소를 정확히 배치시키는 것이 쉽지 않았다. [DO IT!

웹 표준의 정석] 책에서 분명 플렉스 박스 레이아웃에 대해 공부했음에도 불구하고 정확히 기억이 나지 않아서 책을 계속 찾아보면서 디자인을 했다. 1. 해결방법 이 블로그에서 모든 플렉스 박스 레이아웃의 속성들을 정리할 수는 없으니 내가 사용한 속성들을 위주로 어떻게 요소들을 배치했는지 정리해보려고 한다. 1.

네비게이션 메뉴 header 네비게이션 메뉴 일단 Home의 네비게이션 메뉴는 두 가지 div 요소로 나누었다. { nav("/"); }} src={process.env.PUB...