위듀 개발중에 홈 페이지에서 모드를 선택하기 전에 left 컴포넌트가 가운데 정렬이 되지 않는 현상이 발생했습니다. 이는 right 컴포넌트가 보이지 않게 하는 작업을 visible : hidden으로 설정했기 때문인데, display : none 으로 설정하면 정상적으로 정렬이 됩니다. display : none 은 공간을 차지하지 않고, visible : hidden은 해당 요소의 크기만큼 공간을 차지하게 됩니다. 단지 화면에서 안보이게 될 뿐입니다. 하지만 display : none은 애니메이션을 적용하는데에 제약이 있습니다. 해당 요소 자체를 없애는 작업이기 때문에 transition이 적용되지 않습니다.