“아, Flexible Box는 그저 빛이었습니다.”
저는 파이썬으로 코딩에 입문을 했었습니다. 그러다가 차츰 흥미를 붙이고 본격적으로 관심을 갖게 되었죠. 개발자로 이직을 하려면 무엇을 하면 좋을지 여러 방면으로 알아보았고, 가장 현실적인 방안은 부트캠프에 참여하여 프론트엔드 내지는 풀스택 개발자가 되는 것이라는 결론을 얻게 되었습니다.
그러면서 HTML과 CSS에 잠시 발을 붙인 적이 있었는데요. 그때도 한참이나 골치 아팠던 것이 바로 CSS를 이용한 정렬이었습니다. 오죽하면 CSS align meme 으로 관련한 짤을 수두룩하게 구글링 할 수 있을 정도입니다.
부트캠프에 합류해 본격적으로 공부를 시작하게 되니 역시나 등장하는 CSS. 근데 웬걸. Flexible Box라고 하는 혁신적인 기능이 있다는 걸 알게 되었습니다.
HTML 과 CSS 를 공부하다 보면 다 외우려고 하지 말라는 말을 들을 때가 있습니다. 세세하게 모든 것을 다 외우고 숙지할 필요가 없기 때문이죠. 그때 그때 구글링을 통해서 원하는 정보를 익힐 수 있는 것만으로도 물론 충분합니다.
하지만 그렇다고 아예 내가 뭘 검색할 수 있는지조차 몰라서는 곤란하겠죠. Flexible Box가 있다는 걸 알게 된 것만으로도 큰 짐 하나를 덜어낸 듯한 느낌입니다. 수평, 수직 정렬로 어려움을 겪을 때 다른 방법보다 훨씬 더 쉽게 해결이 가능하더라구요.
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Flexible_Box_Layout
늘 그렇듯 공식 문서를 첨부합니다. 겸사겸사 저도 블로그에다가 와드를 찍어두려구요. 공식 문서 말고도 잘 설명해둔 글이 여럿 있으니까요. 관심있으시면 꼭 검색해보시길 추천합니다.
