🍒 Chae-ri Dev 🍒

  • 홈
  • 태그
  • 방명록

스낵바 1

[React/디자인시스템] 선언적으로 Snackbar 구현하기

교내 개발 동아리 디자인 시스템의 Snackbar 컴포넌트 개발을 진행하면서 고민하고 개선해나간 과정에 대해 정리하고자 한다. 처음에 작성했던 Snackbar 코드다.처음 코드를 작성했을 때 정말.. 잘못 설계했다는 것을 깨달았다. 이유는 다음과 같다.import { useCallback, useEffect, useRef, useState } from 'react';import { IcAlertTriangleFilled, IcCloseFilled } from '@/style';import { StyledErrorIc, StyledIcMessage, StyledMessage, StyledSnackbar } from './Snackbar.style';import { SnackbarHeightType, Sna..

프로젝트 2025.02.16
이전
1
다음
더보기
프로필사진

🍒 Chae-ri Dev 🍒

채리의 개발 블로그 ٩( *˙0˙*)۶

250x250
반응형
  • 분류 전체보기 (89)
    • Frontend (4)
      • Package Manager (1)
      • ESLint (1)
      • Prettier (1)
      • 웹 서버 (1)
    • CS (9)
      • 운영체제 (7)
      • 네트워크 (2)
      • 데이터베이스 (0)
    • React (7)
    • NextJS (1)
    • JavaScript (6)
    • Css (1)
    • GSAP (1)
    • Python (3)
    • Algorithm (17)
      • Programmers (7)
      • BackJoon (1)
      • 알고리즘 정리 (9)
    • Cloud (1)
      • Docker (1)
    • OPIc (25)
      • 오픽노잼(IM) (16)
      • 오픽노잼(IH) (9)
    • file (2)
    • 프로젝트 (2)
    • 우리FIS아카데미 (6)
    • Git (2)
    • Etc (2)

Tag

글로벌소프트웨어캠퍼스, 오픽, react, 프로그래머스, algorithm, Github, 우리FIS아카데미, javascript, OPIC, 운영체제, 클라우드서비스개발, OS, 파이썬, 우리에프아이에스, Python, 우리FISA, 알고리즘, k-디지털트레이닝, 리액트, 오픽노잼,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바