▲GN⁺ 2024-09-05 | parent | ★ favorite | on: CSS @property와 새로운 스타일(ryanmulligan.dev)Hacker News 의견 새로운 개념을 접할 때 뇌가 저항하는 느낌을 받음 MDN 기사 읽기를 추천함 @property를 직접 사용해보며 이해할 필요가 있음 복잡한 UI 구현 시 JS 의존성을 최소화하는 것이 중요함 웹 개발자는 아니지만 기본적인 웹 프레임워크 사용 가능함 CSS가 처음 나왔을 때 기억함 첫 번째 코드펜 예제의 CSS가 이해되지 않음 스타일링 시스템에 미니 애니메이션 프로그래밍 언어가 필요한지 의문 JavaScript로도 가능하지 않을까 생각함 최근 CSS 작업, 특히 Houdini에 대해 흥미를 느낌 IE 5.5 기능 책을 받았을 때와 비슷한 느낌 CSS에 새로운 기능들이 추가되었지만 기본적인 것들이었음 IE 개발자들은 JS 코드를 모듈로 만들어 CSS로 요소에 붙일 수 있었음 이제 다시 그런 기능들을 얻고 있음 가능하다고 해서 꼭 해야 하는 것은 아님 밝은 파란색 LED가 처음 나왔을 때 모든 하드웨어에 사용되었지만 사용자에게는 가치가 없었음 CSS 애니메이션으로 할 수 있는 것들이 마법처럼 느껴짐 CSS만을 위한 것이어서 배우기 어렵고 개념화하기 어려움 JS로 프로그래밍하는 것이 더 쉬움 CSS flex 사용 옵션이 많아 어려움을 겪음 기술적으로 흥미로운 데모지만 버튼을 이렇게 애니메이션하지 말아야 함 모든 것이 보라색 그라데이션 테두리를 추가하고 애니메이션하려고 함 가능하다고 해서 꼭 해야 하는 것은 아님 이런 스타일을 제거하기 위해 맞춤 CSS를 작성하는 것이 지침 이전 제출물들은 주목받지 못했지만 흥미롭고 교육적임 링크 이 웹사이트가 기쁨을 줌 CSS를 만지작거리는 것을 항상 좋아했음 웹 개발 경력을 쌓으며 많은 사람들이 CSS를 싫어한다는 것을 배움 HTML+CSS를 탐구하고 실험하는 데 많은 시간을 쏟음 대부분의 사람들이 시간 낭비라고 생각할 것임 이 사이트가 하루를 즐겁게 해줌 CSS 작업을 즐기지만 동료들이 어려움을 겪는 것을 봄 Kevin Powell의 YouTube 채널을 강력히 추천함 등록된 속성에 대한 유용한 기능을 설명하는 비디오가 있음 비디오 링크 등록된 속성을 쉽게 설명하는 기사도 있음 기사 링크 웹 개발을 한동안 하지 않았고 이 기능이 무엇을 하는지 이해하는 데 시간이 걸림 기사가 잘 설명하지 못했다고 생각함 새로운 기능이 @property --gradient-angle {...} 블록에서 정의된 값을 사용하게 함 inherits: false; 부분이 무엇을 하는지 명확하지만 왜 필요한지 이해하지 못함 CSS 선택자가 이미 상속을 제어할 수 있는데 왜 두 번째 장소에서 제어해야 하는지 의문 @property 블록에서 타입을 정의해야 하는 이유를 이해하지 못함 브라우저가 @property가 사용된 곳을 보고 타입을 추론할 수 없을까 생각함
Hacker News 의견
새로운 개념을 접할 때 뇌가 저항하는 느낌을 받음
웹 개발자는 아니지만 기본적인 웹 프레임워크 사용 가능함
최근 CSS 작업, 특히 Houdini에 대해 흥미를 느낌
가능하다고 해서 꼭 해야 하는 것은 아님
CSS 애니메이션으로 할 수 있는 것들이 마법처럼 느껴짐
기술적으로 흥미로운 데모지만 버튼을 이렇게 애니메이션하지 말아야 함
이전 제출물들은 주목받지 못했지만 흥미롭고 교육적임
이 웹사이트가 기쁨을 줌
CSS 작업을 즐기지만 동료들이 어려움을 겪는 것을 봄
웹 개발을 한동안 하지 않았고 이 기능이 무엇을 하는지 이해하는 데 시간이 걸림
@property --gradient-angle {...}블록에서 정의된 값을 사용하게 함inherits: false;부분이 무엇을 하는지 명확하지만 왜 필요한지 이해하지 못함