주요 뉴스

뉴스

디자인·AI·제품·개발·인테리어의 소식과 ARCH.B 에디토리얼을 함께 읽습니다.

“프런트엔드” 검색 결과검색 초기화3편

CSS 한 줄이 댓글까지 바꿀 때, 카드 안의 선택 범위를 좁히는 법

이미지가 있는 카드의 문단 여백을 줄이는 규칙이 댓글 아바타까지 조건으로 삼으면 카드와 댓글을 함께 바꾼다. 관계 선택자의 조건과 적용 대상을 직접 자식으로 한정한 예제를 실행하고, CSS 전환에서 줄 수보다 먼저 살펴볼 동작의 경계를 짚었다.

Adobe Commerce, 드롭인 컴포넌트 기반 프런트엔드 블록 아키텍처 제시

Adobe가 Edge Delivery Services 환경에서 자체 상거래 기능을 확장할 수 있는 3단계 블록 개발 모델을 공개했다. 모놀리식 템플릿 재정의 대신 공식 드롭인 컴포넌트와 문서 기반 블록을 조합하는 방식으로 프런트엔드 수명 주기를 분리하는 것이 핵심이다.