▲
GN⁺ 2024-08-17 | parent | ★ favorite | on: CSS 그리드 영역(ishadeed.com)
Hacker News 의견

  • 애니메이션 데모에 흥미를 느꼈으나, CSS로 구현된 것이 아님

    • Flexbox를 배우고 만족했으며, Grid를 배울 필요성을 느끼지 못했음
    • Grid를 선호할 이유가 있지만, 실제로 필요성을 느끼지 못했음
    • 데이터 테이블에는 실제 테이블을 사용함

  • 이 기사는 Grid의 장점과 CSS 문법의 번거로움을 강조함

    • 두 가지 차원과 세 가지 매개변수(시작, 끝, 크기)가 있음
    • 각 매개변수를 선언하는 방법이 최소 세 가지 있음
    • 축약 속성 때문에 읽기 어려움
    • 다른 개발자의 Grid를 읽기 어려움

  • '1/3'이 분수가 아니라 1에서 3까지의 범위임

    • 왜 이런 문법을 선택했는지 이해할 수 없음
    • 프로그래밍에서 범위를 나타내는 더 좋은 문법이 있음 (예: 1..3)

  • Grid Garden과 Flexbox Froggy 관련

  • Grid나 Flexbox를 이해하지 못했음

    • 마지막으로 잘 사용한 레이아웃 전략은 floats였음
    • 이 기사가 다음 레이아웃 디자인에 CSS Grid를 사용할 자신감을 줌
    • 잘 만들어진 기사에 감사함

  • 이 문서의 사전 소개 버전이 있는지 궁금함

    • 소개 부분에서 길을 잃었음
    • 'line number'가 무엇인지 이해하지 못했음
    • '1/3'과 '1/4' 같은 분수에서 막혔음

  • Jen Simmons의 Mondrian with auto flow를 강력 추천함

    • Jen Simmons Mondrian
    • 창 크기를 변경해보면 매우 멋짐
    • auto flow에서 간격을 감지하고 채우는 방법을 이해하고 싶음

  • 문법을 1/2와 3/4로 정의하는 이유가 궁금함

    • 1-2 또는 1->2 같은 문법이 더 이해하기 쉬울 것 같음

  • 인터랙티브 블로그 포스트를 좋아함

    • Grid 영역을 도구에서 실험해보는 것을 추천함
    • Grid Layoutit을 몇 년 동안 사용해왔으며, 간격 조정이 훨씬 쉬워짐

  • 처음으로 CSS Grid를 이해한 것 같음

    • 번호 매기기가 큰 도움이 되었음
    • 훌륭한 기사로 자주 참고할 것임