프로그래밍 잡동사니

  • 홈
  • 태그
  • 방명록

Campus Map 1

[TIL] styled-components 드롭 다운 메뉴 만들기

심플한 레이아웃을 위해 Campus Map 메뉴를 드롭 다운으로 재구성하려고 했는데,, 생각보다 styled-components를 활용해 드롭 다운을 구현한 자료가 없어서 고생 좀 했다 그런 의미에서 여차저차 구현한 내용을 블로그에 정리해 공유하려 한다! 우선 각각 li, ul 역할을 해줄 컴포넌트들을 정의해준다 const Li = styled.li` list-style: none; `; const Ul = styled.ul` list-style: none; font-style: normal; font-weight: bold; font-size: 16px; color: #666666; line-height: 22px; `; 상위 리스트와 하위 리스트를 요로코롬 구성해주고 (권한 관련 코드는 무시해주자) ..

Front-end/React 2021.09.18
1
더보기
프로필사진

이것저것 해보기

  • 분류 전체보기 (380)
    • Languages (120)
      • JavaScript (50)
      • TypeScript (10)
      • Python (16)
      • Java (23)
      • Kotlin (15)
      • Dart (6)
    • Front-end (77)
      • HTML, CSS (19)
      • React (30)
      • Next.js (16)
      • Flutter (12)
    • Back-end (20)
      • Firebase (7)
      • Node.js (4)
      • Django (9)
    • Tools (23)
      • Figma (11)
      • Git, GitHub (11)
      • No Code (1)
    • Computer Science (85)
      • Algorithm (19)
      • Network (8)
      • Security (9)
      • Database, SQL (23)
      • Data Science (26)
    • Generative AI (4)
      • Conversation (3)
      • Text to Image (1)
      • Text to Audio (0)
    • ETC (25)
      • 코딩월드뉴스 (9)
      • 빡공단 (12)
      • Ren'Py (4)
    • Session (15)
    • Book (3)
    • 생각정리 (7)
#인문학 잡동사니

E-mail: saltiness106@gmail.com

© 2023. 프로그래밍 잡동사니 all rights reserved.

티스토리툴바