Hacker News 의견

• Flexbox는 간단하고 이해하기 쉬운 면이 있지만, 속성과 값의 이름이 직관적이지 않음

  • justify-content와 align-items 같은 이름이 혼란을 줌
  • Flexbox를 배우기 위해 여러 시도를 해야 함

• Flexboxfroggy.com과 cssgridgarden.com을 추천함

  • 이 사이트들은 Flexbox와 CSS Grid를 배우는 데 유용함

• Josh의 가이드를 추천함

  • Flexbox의 고급 팁과 트릭을 상세히 설명함
  • flex-basis, auto margins, min-width 등의 개념을 다룸

• 비슷한 인터랙티브 가이드를 만든 경험을 공유함

  • 기억을 새롭게 하는 데 도움이 됨

• justify-content와 align-items 대신 main-axis-arrangement와 cross-axis-alignment가 더 이해하기 쉬운 이름이라고 주장함

• Flexbox를 제대로 사용하기 어려움을 토로함

  • Flexboxfroggy.com도 도움이 되지 않았다고 언급함

• CSS 레이아웃을 연습할 수 있는 흥미로운 도전 과제가 필요함

  • ChatGPT가 CSS 디버깅에 도움이 되지만, CSS의 깊은 이해가 필요함

• Flexbox와 Grid의 문법이 설명적이라고 생각함

  • 박스 모델을 이해하고 Firefox Dev Tools를 사용하면 도움이 됨
  • Flexboxfroggy와 cssgridgarden이 연습에 유용함
  • CSS-tricks 치트시트를 자주 참고함

• Flexbox의 자식 항목 속성도 중요하다고 언급함

  • 네 가지 컨테이너 속성만 다루는 것은 제한적임

• Flexbox 속성을 참조할 수 있는 치트시트를 만들었음

  • 다른 사람들에게도 유용할 수 있음