DDOstory

  • 홈
  • 태그
  • 방명록

accordion 1

[겨울방학-회사] react로 FAQ 리스트 만들기 : Accordion 구현

아코디언 디자인은 shadcn/ui의 Accordion을 사용하여 구현하였습니다single 타입 ( Accordion Type = "single" )한 번에 하나의 아코디언 아이템만 펼쳐진 상태로 유지됩니다새로운 아이템을 펼치면 이전에 펼쳐져 있던 아이템은 자동으로 접힙니다사용자가 한 번에 하나의 정보에만 집중하도록 유도합니다사용 시나리오FAQ 페이지사용자가 궁금한 질문을 클릭하면 답변이 펼쳐지고, 다른 질문을 클릭하면 이전 답변은 접히도록 하여 깔끔한 정보 제공이 가능합니다설정 매뉴여러 설정 옵션 중 현재 활성화된 옵션만 보여주고, 다른 옵션을 선택하면 이전 옵션은 숨깁니다단계별 폼복잡한 폼을 단계별로 나누어 한 번에 하나의 단계만 보여줌으로써 사용자의 집중도를 높이고 폼 작성 과정을 간소화합니다장점정..

Front/React.js 2025.02.19
이전
1
다음
더보기
프로필사진

DDOstory

https://github.com/dohee12

  • 분류 전체보기
    • coding base
      • 자료구조
      • GitHub
      • 시스템 분석 및 설계
      • DataBase
      • 컴퓨터구조
    • Coding language
      • Python
      • C
      • C#
    • Front
      • HTML
      • CSS
      • JavaScript
      • React.js
      • next.js
      • Figma
      • android
    • Back
      • JSP
      • LINUX
      • Java
      • string
      • MySql
    • 빅데이터 & 알고리즘
      • NumPy
    • it기기
    • 강아지
    • 기타

Tag

리액트, js, 인스턴스, 배열, React, 웹 개발, css, 속성, React Hooks, DBMS, state, 데이터베이스, javascript, 프론트엔드, DB, HTML, 컴포넌트, 객체, 자바스크립트, Java,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바