본문 바로가기 메뉴 바로가기

감성 개발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

감성 개발자

검색하기 폼
  • 분류 전체보기 (144) N
    • 개발 (13)
      • Laravel (7)
      • Composer 추천 (10)
      • JAVA-SPRING (1)
      • SQL (5)
      • React-Native (2)
      • Golang (1)
      • NextJs (3)
      • Nestjs (1)
      • Dart & Flutter (9)
      • Etc (9)
    • AWS (2)
      • EC2 (1)
      • RDS (1)
      • 서버리스 (2)
      • 기타 (3)
    • JS & CSS (4)
      • Javascript (3)
      • CSS (1)
    • 잡담 & 토론 (4)
    • 기타 개발 (6)
    • IT 이야기 (27) N
      • IT 도서 (4)
      • 개발 이야기 (9)
      • 나는 __ 이다 (2)
      • __ VS __ (2)
      • IOT (2) N
    • 일상 (18) N
      • 육아 TIP (3)
      • 육아는 장비빨 (5) N
      • 운동 일지 (1)
      • 부부생활 (1)
      • 금용 (3)
    • 알고리즘 (0)
    • 목표 (5)
    • 포트폴리오 (4)
    • Toy Project (4)
  • 방명록

JS & CSS/CSS (1)
자바스크립트 없이 되는 요즘 CSS 정리: :has 선택자, 컨테이너 쿼리, popover 실전 후기

이 블로그를 오래 보신 분이라면 알겠지만, 나는 제이쿼리로 DOM을 주무르던 시절부터 웹을 만들어온 사람이다. 그 시절엔 뭐만 하려고 하면 자바스크립트였다. 아코디언 메뉴도 JS, 툴팁도 JS, 부모 요소 스타일 바꾸는 것도 JS. "CSS는 못 하니까"가 당연한 전제였다.그런데 요 몇 년 사이에 그 전제가 꽤 많이 무너졌다. 최근에 사내 프로젝트 프론트 코드를 정리하다가, 예전에 자바스크립트로 짜놓은 UI 로직 중 상당수가 이제 CSS 몇 줄로 끝난다는 걸 새삼 확인했다. 실제로 걷어낸 코드가 몇백 줄이다. 오늘은 그 과정에서 실무에 바로 써먹은 모던 CSS 기능들을 정리해본다. 이론 나열이 아니라, "원래 JS로 이렇게 짰는데 지금은 이렇게 바꿨다"는 관점으로 쓴다.사진: Unsplash, Flori..

JS & CSS/CSS 2026. 8. 26. 03:07
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
  • javascript
  • PHP
  • aws
  • laravel
  • mysql
  • Composer
  • 라라벨
  • serverless
  • 체크리스트
  • Flutter
more

Blog is powered by Tistory / Designed by Tistory 블로그 소개 개인정보처리방침

티스토리툴바