일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 백준
- grid
- c
- spring
- Javascript
- pandas
- Photoshop
- dataframe
- 확률
- Flexbox
- 소수
- 에라토스테네스의 체
- 수학
- 강화학습
- 포토샵
- Gap
- series
- Codility
- SK바이오사이언스
- 알고리즘
- stl
- Prefix Sums
- 상태
- skt membership
- 통신사할인
- c++
- CSS
- Design Pattern
- margin
- align-items
Archives
- Today
- Total
목록vs code 멀티 커서 (1)
sliver__
아코디언 컴포넌트 구현 가이드
이번 글에서는 JavaScript 없이 HTML과 CSS만으로 아코디언(Accordion) 컴포넌트를 만드는 과정을 자세히 설명합니다. VS Code 멀티 커서, Heroicons SVG 활용, Flexbox의 gap 등을 적용해 깔끔하고 확장 가능한 구조를 설계합니다.1. 프로젝트 초기 설정스타일링 방식컴포넌트별 외부 파일 대신 태그로 자체 포함2. HTML 마크업 구조 01 상품 반품 기한은 어떻게 되나요? … 반품 요청 후 30일 이내에 상품을 보내주시면 됩니다. 주문일로부터 30일 포장 훼손 시 반품 불가 .accordion : 전체 컨테이너.item : 개별 아코디언 섹션.number, .text, ..
Frontend/CSS
2025. 5. 5. 16:09