CSS

레거시 float 기반 레이아웃을 Flexbox로 전환하는 작업을 진행했다. IE10 지원 종료로 인해 본격적으로 Flexbox를 도입할 수 있게 되었고, 유지보수성이 크게 개선되었다.

IE11 지원이 필요한 프로젝트에서 CSS Grid를 점진적으로 도입했다. Flexbox와 Grid를 혼용하며 겪은 브라우저 호환성 문제와 해결 방법을 정리했다.

IE11 지원이 필요한 프로젝트에 CSS Grid를 부분 적용했다. Flexbox 폴백을 준비하면서 얻은 경험을 정리한다.

float 기반 레이아웃을 Flexbox로 전환하면서 겪은 브라우저 호환성 이슈와 해결 과정을 정리했다. IE10+ 지원 요구사항 때문에 생각보다 조심스러운 작업이었다.

IE11 지원 요구사항이 있는 프로젝트에서 CSS Grid를 점진적으로 도입했다. Flexbox fallback과 함께 사용하여 레이아웃 코드를 30% 가량 줄일 수 있었다.

프로젝트에서 Flexbox를 본격 도입하면서 IE11 호환성 문제를 여러 건 마주쳤다. 주로 발생한 이슈와 해결 방법을 정리했다.

IE 지원 이슈로 미뤄뒤던 Flexbox를 프로젝트에 도입했다. 기존 float 기반 레이아웃 대비 수직 중앙 정렬이 훨씬 간결해졌다. 실무에 적용하며 정리한 내용을 기록한다.