nxxrxx

TISTORY BLOG
  • HOME
  • CONTACT
  • SETTING
  • LOGIN
  • HOME
  • CONTACT
  • SETTING
  • LOGIN

CATEGORIES

  • 분류 전체보기 (63)
    • FrontEnd (13)
      • React (1)
      • JavaScript (3)
      • TypeScript (0)
      • CSS (1)
      • Social Login (1)
      • Component (7)
      • Private (0)
    • CS (1)
    • BackEnd (22)
      • Spring (6)
      • Spring Security (12)
      • Social Login (3)
    • Algorithm Study (27)
      • 백준 JAVA (22)
      • 프로그래머스 (5)
    • Error (0)

FrontEnd/CSS

검색결과 1 개
[Emotion CSS] 커스텀 컴포넌트 제작

회사에서 주로 부트스트랩을 사용한터라..부끄럽지만 공통 컴포넌트를 만들어 본 적이 없다.이번 사이드 프로젝트를 통해 공통 컴포넌트를 만들면서 css도 만져보고 이것저것 해보는 중! 많이 썼던 modal을 만들어보면서 리뷰받았던 내용을 수정한 과정을 적어 보려고 한다.(ㅎㅈ님 감사합니다😃)  css(+emotion)를 제대로 만져본 적이 없던 터라 처음엔 삽질을 좀 했다. 우선 모달을 구성하면서, 화면에 필요한 모달 구성이1. 중앙 배치 - 확인 버튼- 확인 버튼 + 취소 버튼2. 하단 배치- 사진 - 텍스트- 확인 버튼 + 취소 버튼 + X버튼이렇게 되어 있다. 그래서 난 기본이 되는 BaseModal과 확인, 취소가 가능한 ConfirmModal과 사진과 텍스트(프로필 관련)가 쓰이는 ProfileM..

FrontEnd/CSS 2024. 7. 3. 17:37
PREV NEXT
  • NOTICE

  • ARCHIVE

  • RECENTPOST

  • RECENTCOMMENT

TODAY    YESTERDAY   ALL   

한 단계, 한 단계씩 올라가는 걸 지향합니다. 속도가 느려도 천천히 발전해나가고 있습니다. 멋진 개발자가 되기 위하여!

Created by BANANA

티스토리툴바