HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
🥱
윤지석2팀
/
공통 컴포넌트 도출

공통 컴포넌트 도출

작성자
URL
태그
논의 결과

논의 필요한 것

  • 마이페이지로 이동할 수 있는 링크 / 로그아웃 버튼 등등이 담긴 메뉴바(햄버거)가 없다!
  • 마이페이지 - 나의 활동?(진행 중인 이벤트) 하나의 페이지에서 컴포넌트만 갈아끼우는 건 어떨지
    • 멘티의 나의 활동은 뭘까요

도출된 공통 컴포넌트

  1. Input
    1. formInput
      1. label + input (수직 정렬)
      2. notion image
        차크라 참고
        notion image
        notion image
        b. label + input (수평 정렬)
        notion image
    2. Input Methods other than Text
      1. notion image
  1. avatar
    1. notion image
  1. button
    1. 일반 버튼 (초록, 회색 variant)
      1. notion image
    2. 라벨 버튼 그룹
      1. notion image
  1. Toggle
    1. notion image
  1. Badge
    1. notion image
      notion image
      notion image
      notion image
  1. 레이아웃 컨테이너
    1. notion image
      notion image
  1. Card
    1. 이벤트 리스트 페이지: ImageCard - 메인페이지에서도 사용 예정
      1. notion image
    2. 이력서 선택: Card
  1. 모달
 
  • 댓글 컴포넌트
    • notion image
    • 댓글 아이템
    •  
       
 
 
+Divider
 
민희
button 4
toggle 4
modal 4

동호
badge 4
체크박스 그룹( hooks도?) 8
컨테이너 박스(흰색 배경?) 4

지호
input (날짜) 6
formInput ( 가로, 세로) 6
avatar 2
 
 
 
 
 
card 4 - 메인 페이지 디자인 후에 개발