Hacker News 의견

• 첫 번째 댓글 요약:

  • CSS로 요소를 중앙에 배치하는 것이 어려운 이유에 대한 다양한 의견이 있음.
  • 대부분의 사람들이 중앙 배치가 어려운 이유를 물을 때, 단순히 한 요소를 다른 요소의 정중앙에 배치하는 방법을 묻는 것임.
  • 과거 HTML에서는 <table> 태그를 사용하여 쉽게 중앙 배치를 할 수 있었으나, CSS에서는 이것이 어렵게 느껴짐.
  • CSS가 더 나은 도구라고 하면서도 기본적인 중앙 배치조차 쉽게 할 수 없었던 점이 실망스러움.
  • 이러한 이유로 오랫동안 테이블 레이아웃을 사용함.
  • 그럼에도 불구하고 CSS를 좋아함.

• 두 번째 댓글 요약:

  • 자동 페이지 레이아웃과 포맷팅의 복잡성을 이해하지 못하는 사람들이 많음.
  • 이 복잡성을 단순한 '내가 원하는 대로 해줘' 식으로 추상화하는 것은 불가능함.
  • 웹사이트의 예시로 Gwern Branwen의 사이트를 들며, 원하는 스타일에 맞춰 콘텐츠를 제한하는 것이 중요함.
  • 웹 페이지 레이아웃은 다양한 디스플레이에 맞게 콘텐츠를 표현하는 복잡한 과정임.
  • CSS는 처음부터 웹 페이지를 만들기로 결심한 사람들에게 복잡해 보일 수 있지만, 실제로는 선택의 폭이 넓음.
  • 원하는 결과를 얻기 위해 적절한 도구를 찾고, 콘텐츠를 적절한 형태로 포장하는 과정이 필요함.

• 세 번째 댓글 요약:

  • CSS 포지셔닝과 중앙 배치를 이해하는 데 박스 모델에 대한 이해가 도움이 됨.
  • display와 position 속성이 포지셔닝을 배우는 데 기초적임.
  • MDN에 이에 대한 유용한 기사가 있음.

• 네 번째 댓글 요약:

  • 기사가 매우 좋고, 특히 상호작용적인 부분이 인상적임.
  • CSS에서 중앙 배치를 쉽게 하는 방법을 제공하는 웹사이트를 오랫동안 사용해옴.

• 다섯 번째 댓글 요약:

  • CSS에서 '중앙 배치'는 고전적인 문제임.
  • CSS가 명확하지 않은 것은 여러 위원회가 동시에 설계한 복잡한 집합체이기 때문임.
  • CSS는 지속적인 변화 속에 개별 모듈의 상태로 존재함.
  • 이는 소프트웨어 개발의 바람직한 방법이 아님.

• 여섯 번째 댓글 요약:

  • CSS가 수십 년이 지나도록 테이블을 중앙에 배치하는 것만큼 효과적인 방법을 제시하지 못함.
  • 그 기간 동안 레이아웃 목적으로 테이블 사용이 부끄러운 것으로 여겨짐.

• 일곱 번째 댓글 요약:

  • 많은 사람들이 CSS에 대해 불만을 가지고 있음.
  • 스타일 지시사항이 서로 충돌하거나, 아무런 효과 없이 실패하는 것이 주요 문제임.

• 여덟 번째 댓글 요약:

  • 기사에서 언급한 바와 같이, Flexbox는 간단한 경우 중앙 배치 문제를 해결함.
  • Flexbox로 해결되지 않는 경우는 단순한 중앙 배치 이상의 복잡한 작업을 수행하고 있기 때문임.

• 아홉 번째 댓글 요약:

  • position: absolute, left: 50%, transform: translateX(-50%)를 사용하는 것이 중앙 배치에 대한 자신의 주요 방법임.

• 열 번째 댓글 요약:

  • CSS에서 div를 중앙에 배치하는 것이 매우 어렵기 때문에 웹 개발을 포기한 이유임.