[#399] Toast 컴포넌트 #402

gxxrxn · 2023-10-14T18:06:03Z

구현 내용

Toast 컴포넌트 구현했습니다.

스크린샷

pr 포인트

ToastProvider : Context API 사용하여 토스트 상태 전역적으로 관리
- Storybook에서 전역적으로 사용하기 위해 decorator 추가
Portal 사용하여 토스트 렌더링

Help

이전 코드와 중복되는 hook이 있어서 (useToast) 우선 관련 파일들은 Toast 폴더 내부에 두었습니다!

관련 이슈

Close Toast 컴포넌트 #399

vercel · 2023-10-14T18:06:09Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dadok	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 1, 2023 9:04am

github-actions · 2023-10-14T18:15:09Z

🚀 Storybook: https://64aba10cd478ad51307a8997-oylegushtb.chromatic.com/

minjongbaek

코멘트 확인 부탁드려요!

minjongbaek · 2023-10-16T09:31:25Z

src/ui/Base/Toast/ToastProvider.tsx

+} as const;
+
+const ToastProvider = ({
+  duration = 1000,


duration을 Provider가 아닌 useToast 훅의 인자로 넘겨주어 Toast를 사용하는 쪽에서 노출되는 시간을 제어하는건 어떤가요?

Provider를 통해 전달받는 것도 좋지만, 지금 상태라면 duration을 props로 전달받을 필요 없이 상수를 가져다 쓰는 형태도 좋을 것 같아요.

c81db46
toast를 사용하는 쪽에서 option으로 넘겨줄 수 있게 수정했어요! 좋은 의견 감사합니다!! 👍🏻

src/ui/Base/Toast/useTimeout.ts

minjongbaek · 2023-10-16T13:16:16Z

src/ui/Base/Toast/useTimeout.ts

+    set(callback: () => void, duration: number) {
+      if (timeoutRef.current !== null) {
+        clearTimeout(timeoutRef.current);
+      }
+
+      timeoutRef.current = setTimeout(callback, duration);
+    },


callback을 매개변수로 받고 useEffect 내부에서 setTimeout을 실행하는 방법은 어떤가요? cleanup 함수로 clear 처리도 진행하게끔요!

코드가 더욱 간결하게 만들어 읽기 편하게 만들 수 있을 것 같아요.

hook의 파라미터로 콜백을 받아버리면 타이머 종료 이후에 실행되는 로직이 맨 위쪽으로 가서 흐름 상 코드 읽기가 불편해진다고 생각했어요. 타이머를 세팅할 때 끝나면 어떤 로직이 실행되는지가 함께 작성되어 있는 쪽이 더 읽기 편하다고 생각했어요!! 해당 코드에 클린업 함수만 추가하는 방향은 어떨까요?!

해당 코드에 클린업 함수만 추가하는 방향은 어떨까요?!

이것도 좋아 보이네요!

약간의 코드로 예를 들어 추가 설명을 하자면,

아래처럼 effect 내부에서만 처리해서 ref 훅을 사용하지 않고 id를 관리하는 방법을 말하고 싶었어요!

useEffect(() => { const id = setTimeout(() => callback(), delay) return () => clearTimeout(id) }, [])

좋은 것 같아요!! 다만 저는 trigger가 있을 때만 timer를 실행시키고 싶은데, useEffect와 함께 사용할 수 있는 좋은 방법이 있을까요? 저는 잘 떠오르지 않아서요..🥲

트리거와 함께 사용하려면 ref가 필요하겠네요 🫠
그런데 생각해보니까 최초 렌더링 이후 동작이 아닌, 트리거에 의해 동작해야 한다면 핸들러 함수에 그냥 setTimeout을 붙여도 되는거 아닌가요? 🤔

@gxxrxn 리마인드 보내드려요.

de98470

timeout id를 관리하기 위해 hook으로 따로 뺐는데, 지금 상황에서는 두드러지는 차이는 없을 것 같아 민종님 의견대로 setTImeout 함수를 바로 사용하도록 수정했어요! 확인 부탁드려요!!

minjongbaek · 2023-10-16T13:26:25Z

리뷰하다가 발견했는데 스토리북에서 토스트의 width가 조금 잘리는 것 같아요! 디버깅을 해보려 했는데 쉽지 않네요 😅

hanyugeon

코멘트 확인해주세요!!
요구사항에 맞게 토스트 기능 잘 구현해 주신것같아요! 💯

hanyugeon · 2023-10-16T13:51:11Z

tailwind.config.js

+      keyframes: {
+        'slide-in': {
+          from: { transform: 'translateY(300%)' },
+          to: { transform: 'translateY(0%)' },
+        },
+        'slide-out': {
+          from: { transform: 'translateY(0%)' },
+          to: { transform: 'translateY(300%)' },
+        },
+        'slide-init': {
+          from: { transform: 'translateY(300%)' },
+          to: { transform: 'translateY(300%)' },
+        },
+      },
+      animation: {
+        'slide-in': '0.3s forwards slide-in ease-in-out',
+        'slide-out': '0.3s forwards slide-out ease-in-out',
+        'slide-init': '0.3s forwards slide-init ease-in-out',
+      },


comment;

keyframe에 대한 코드를 따로 config에 추가해주셨군요 👍

hanyugeon · 2023-10-16T14:05:07Z

src/ui/Base/Toast/types.ts

+export type ToastType = 'normal' | 'success' | 'error';
+


ask;

해당 타입은 외부에서 사용되고 있지 않은 것 같은데 추후 확장성을 고려해서 export 가능하게 만들어 놓은걸까요? 👀

ToastOption에서 사용하고 있고, 전역적인 types 폴더에 위치하고 있어서 우선은 export 해뒀어요!

hanyugeon · 2023-10-16T14:12:57Z

src/ui/Base/Toast/ToastProvider.tsx

+        <div
+          className={`fixed bottom-[1.5rem] left-[1.5rem] right-[1.5rem] w-[43rem] max-w-[calc(100%-3rem)] translate-y-[300%] ${animations[animation]}`}
+        >


ask;

w-[43rem]이 선언된 상태에서
max-w-[calc(100%-3rem]가 어떤 역할을 하는지 궁금합니다...!

43rem 보다 화면이 작은 경우, 토스트 오른쪽이 잘리더라구요! 그래서 max-width 속성을 추가했는데, 스토리북 자체 스타일때문인지는 몰라도 조금 잘리는 이슈가 있어서 왼쪽 오른쪽 균형이 맞고, 잘리지 않도록 스타일을 잡았습니다. 나중에 스타일에 문제가 있다면 수정하면 좋을 것 같아요.

gxxrxn · 2023-10-16T15:19:47Z

@minjongbaek 혹시 어떤 토스트가 잘린다는 걸까요?? 띄워진 error 토스트 말씀하시는거라면, ToastProvider에서 ToastItem을 한번 래핑하고 있는데, 이때 width가 43rem으로 잡혀있어요!

minjongbaek · 2023-10-16T15:22:45Z

@gxxrxn 아, 그렇군요..! 확인했습니다!

minjongbaek

👍

hanyugeon

LGTM 👍

- ToastProvider, ToastItem 컴포넌트 구현 - useToast 훅 구현

- toast width 스타일 수정

* feat: keyframe, color 추가 * fix: check-circle svg 크기 제거, fill 속성 수정 * feat: useTimeout 훅 구현 * feat: Toast 구현 - ToastProvider, ToastItem 컴포넌트 구현 - useToast 훅 구현 * feat: Toast 스토리북 작성 * feat: portal 구현 후 Toast에 적용 * refactor: storybook render 함수 수정 * feat: ToastItem 스토리에 추가 - toast width 스타일 수정 * chore: NormalToast 변수명 수정 * feat: duration 설정 가능하도록 수정 * refactor: useTimeout 훅 제거

This reverts commit 9333f87.

* Revert "[#634] v1 디렉토리 네이밍 수정 (#635)" This reverts commit 86c304a. * Revert "[#632] 사용하지 않는 라이브러리 제거 (#633)" This reverts commit 34b4efb. * Revert "[#627] 불필요한 utils, hooks, constants 정리 및 import문 통일 (#631)" This reverts commit 254f6bb. * Revert "[#629] tailwind config color 정리 (#630)" This reverts commit 595f476. * Revert "[#622] BottomActionButton 패딩 수정 (#626)" This reverts commit 9796dab. * Revert "[#625] Toast 컴포넌트 icon이 잘리는 문제 해결 (#628)" This reverts commit e868efc. * Revert "[#623] [도서 검색] Input 검색 아이콘 Layout Shift 해결 (#624)" This reverts commit d0392d6. * Revert "[#619] PWA 구현 (#621)" This reverts commit 587f990. * Revert "[#616] 책장 좋아요 뱃지 UI 수정 (#620)" This reverts commit 70af27a. * Revert "[#349] 메타 데이터 추가 (#617)" This reverts commit 209ba3e. * Revert "[#556] 버튼 컴포넌트 disabled style 작성 (#615)" This reverts commit 0425223. * Revert "[#610] 로그인 페이지 구현 (#614)" This reverts commit badcf8e. * Revert "[#608] 페이지 접근 권한 부여 (#611)" This reverts commit 7f1cd21. * Revert "[#612] 북카이브 페이지에서 발생하는 무한 리랜더링 버그 수정 (#613)" This reverts commit bac4ff2. * Revert "[#605] Google LightHouse CI 추가 (#606)" This reverts commit d6cccdb. * Revert "[#602] [모임 생성] 퍼널 progress bar, stepper 구현 (#607)" This reverts commit bcbdc67. * Revert "[#603] [내 프로필] ErrorBoundary 제거 (#604)" This reverts commit f044cd2. * Revert "feat: start-ssl script 작성 (#601)" This reverts commit 8de7079. * Revert "[#596] accessToken이 만료된 직후 다른 페이지 접근할 때 에러 페이지를 보여주지 않고 새로고침 (#600)" This reverts commit 59407c6. * Revert "[#592] [도서 검색] 검색 키워드 및 결과 유지 기능 구현 (#593)" This reverts commit af2413c. * Revert "[#595] Toast UI 개선 (#597)" This reverts commit 52e9992. * Revert "[#591] 3D 책 컴포넌트, 책장 페이지 개선 (#594)" This reverts commit 2beb0f2. * Revert "[#570] [도서 검색] 도서 검색 결과 렌더링 시 search 헤더 숨기고 input sticky 적용 (#589)" This reverts commit 0ff4ca0. * Revert "[#588] 폰트 디자인 시스템 적용 (#590)" This reverts commit 6a054a4. * Revert "[#557] [도서 검색] 최근 검색어 api 요청 (#587)" This reverts commit 591e9a8. * Revert "[#585] [프로필 페이지] '참여한 모임' 영역 사용자가 모임장인 모임에 마크 추가 (#586)" This reverts commit 3a3f263. * Revert "[#575] Drawer 컴포넌트 개선 (#576)" This reverts commit cff01fd. * Revert "[#581] [모임 생성] 모임 생성 퍼널 페이지 작성 (#582)" This reverts commit 55a08ee. * Revert "[#583] Switch 컴포넌트 style 수정 (#584)" This reverts commit e7798f7. * Revert "[#578] iOS 환경에서의 DatePicker UI 수정 (#579)" This reverts commit 24b42bf. * Revert "[#574] FloatingButton 버그 수정 (#577)" This reverts commit dd37ff5. * Revert "[#559] BookInfoCard 컴포넌트 수정 및 goToBookSelectStep 이벤트 추가 (#572)" This reverts commit f1c6a3c. * Revert "[#571] Drawer 컴포넌트 style 개선 (#573)" This reverts commit f21ada4. * Revert "[#561] [모임 생성] 모임 상세 퍼널 개선 (#567)" This reverts commit bbd1123. * Revert "[#552] next custom server 구동 시 hmr이 동작하지 않는 문제 해결 (#569)" This reverts commit 019abd5. * Revert "[#563] [모임 생성] 모임 가입문제 퍼널 (#568)" This reverts commit 4d6a14f. * Revert "[#564] BottomActionButton 컴포넌트 position 속성 수정 (#566)" This reverts commit 94365ee. * Revert "[#562] [모임 생성] 모임 이름 퍼널 (#565)" This reverts commit 0bd1349. * Revert "[#543] [모임 생성] 책 선택 퍼널 (#560)" This reverts commit b2f5236. * Revert "[#553] [모임 생성] 모임 상세 퍼널 (#558)" This reverts commit 31a6d84. * Revert "[#554] 스토리북 preview decorator에서 Layout 제거 (#555)" This reverts commit 495321e. * Revert "[#549] 'unable to verify first certificate' 에러 해결 (#550)" This reverts commit bdfa458. * Revert "fix: 모바일 환경에서의 스크롤 버그 수정 (#551)" This reverts commit 1d56794. * Revert "[#546] [독서모임] 모임 페이지 누락된 작업 및 버그 수정 (#547)" This reverts commit 448e8b5. * Revert "[#531] 로컬 서버에 https 적용 (#541)" This reverts commit f2f4a82. * Revert "[#540] [모임 생성] 모임 상세 퍼널 마크업 (#542)" This reverts commit 5d23ab3. * Revert "[#544] vscode react component snippet 작성 (#545)" This reverts commit 68dc181. * Revert "[#535] [독서모임] 독서모임 목록 페이지 개선 (#539)" This reverts commit 56137df. * Revert "[#505] [모임 상세] 모임 삭제 기능 구현 (#537)" This reverts commit efdb2c5. * Revert "[#530] FloatingButton 컴포넌트 적용 (#536)" This reverts commit 3671624. * Revert "[#529] redirect 페이지 개선, 토큰 업데이트 로직 개선 (#532)" This reverts commit 0867ee4. * Revert "[#523] [모임 상세] 모임 수정 페이지 (#527)" This reverts commit f889a79. * Revert "[#526] 도서 검색 페이지 개선 (#528)" This reverts commit 81b39b7. * Revert "[#524] Menu 컴포넌트 개선 (#525)" This reverts commit 52687da. * Revert "[#521] TextArea 컴포넌트 (#522)" This reverts commit a1673f6. * Revert "[#518] Input 컴포넌트 style 추가 (#519)" This reverts commit 2bd859a. * Revert "[#516] DatePicker 컴포넌트 (#520)" This reverts commit 63af14d. * Revert "[#504] [모임 상세] 모임 게시글 작성 기능 구현 (#517)" This reverts commit e6f8d87. * Revert "[#509] [레이아웃] BottomNavigation 버그 및 UI 수정 (#510)" This reverts commit ada909a. * Revert "feat: 모임 게시글 수정, 삭제 기능 구현 (#513)" This reverts commit 36c1e71. * Revert "[#507] [프로필] 로그아웃 햄버거 구현 (#508)" This reverts commit 90c5855. * Revert "feat: hosts 파일을 수정할 수 있는 updateDevHost script 작성 (#511)" This reverts commit cd297e9. * Revert "[#497] [책 상세] 책 상세 페이지 api 연결 (#500)" This reverts commit 7842028. * Revert "[#498] useFunnel 작성 (#501)" This reverts commit e6f7878. * Revert "[#489] [도서 검색] 도서검색 페이지 개선 작업 (#490)" This reverts commit 0043fe7. * Revert "[#491] [도서 검색] 베스트셀러 클릭 시 라우팅 경로 수정 (알라딘 -> 다독다독) (#492)" This reverts commit e68d1d3. * Revert "[#493] 에러 페이지 (#494)" This reverts commit e95c940. * Revert "[#495] [책 상세] 책 상세 페이지 마크업 (#496)" This reverts commit 052e6d4. * Revert "[#474] 리프레시 토큰이 만료된 경우 에러 페이지로 넘어가는 이슈 수정 (#483)" This reverts commit 633da9f. * Revert "[#486] [책 상세 / 모임 상세] 코멘트 목록 컴포넌트 (#487)" This reverts commit f452642. * Revert "[#443] TopNavigation 컴포넌트 스타일 fixed 적용 (#488)" This reverts commit 60d3311. * Revert "[#468] [검색] 검색 페이지 작성 (#478)" This reverts commit 313d61a. * Revert "[#481] [책 상세] 책 정보 컴포넌트 (#482)" This reverts commit 03fa16e. * Revert "[#442] 스켈레톤 컴포넌트 작성 (#480)" This reverts commit 22b06a2. * Revert "[#453] [모임] 모임 목록 페이지 개선 (#475)" This reverts commit c6b1ab1. * Revert "typo: 오타 수정 (#485)" This reverts commit 395e050. * Revert "[#476] [모임 상세] 비로그인 시 모임 참여하기 버튼 비활성화 (#479)" This reverts commit a2e628d. * Revert "[#472] Drawer 컴포넌트 (#477)" This reverts commit 5e54b72. * Revert "[#470] Menu 컴포넌트 (#471)" This reverts commit 0a4705d. * Revert "[#465] [모임] BookInfoCard 컴포넌트 추상화 (#466)" This reverts commit 81bc6d8. * Revert "[#467] 내가 가입한 모임 상세 페이지 (#469)" This reverts commit 75070ce. * Revert "[#463] Loading 컴포넌트 animation 버그 해결 (#464)" This reverts commit 8219f67. * Revert "[#456] [프로필] 프로필 페이지 (#461)" This reverts commit 150592c. * Revert "[#455] [모임 상세] 모임 가입 문제 페이지 (#462)" This reverts commit 7bbdbaf. * Revert "[#459] [유저 로그인] 로그인 BottomSheet 컴포넌트 작성 (#460)" This reverts commit da3fb33. * Revert "[#457] LikeButton 컴포넌트 (#458)" This reverts commit 9d1a5c7. * Revert "베이스 컴포넌트 위치 변경 (#454)" This reverts commit fd8ad31. * Revert "[#447] [모임 상세] 모임 참여 여부, 모임장 여부에 따른 UI 구현 (#450)" This reverts commit 61ada97. * Revert "[#449] [책장] 책장 상세 페이지 (#451)" This reverts commit 1f389e4. * Revert "[#445] Layout 컴포넌트에서 TopHeader 컴포넌트 분리 (#452)" This reverts commit 9d11c70. * Revert "[#415] [프로필] 프로필 생성 페이지 (#427)" This reverts commit 4175612. * Revert "[fix] group 페이지 타입 에러 수정 (#448)" This reverts commit 66005ea. * Revert "[#434] [모임 상세] 독서모임 상세 페이지 api 연결 (#441)" This reverts commit 617614f. * Revert "[#439] [독서모임] 모임 목록 페이지 리팩토링 (#440)" This reverts commit f50f393. * Revert "[#414] [프로필] 프로필 수정 페이지 (#426)" This reverts commit 91b8171. * Revert "[#437] [독서모임] Avartar, bookGroupStatus 적용 및 typo 수정 (#438)" This reverts commit b56d3d5. * Revert "[#412] [북카이브] 북카이브 페이지 (회원) (#436)" This reverts commit 434dd73. * Revert "[refactor] bookcover v1 폴더로 이동 (#433)" This reverts commit 434dd8c. * Revert "[refactor] 폴더 및 파일 구조, 네이밍 수정 (#432)" This reverts commit 5ba2e21. * Revert "[fix] github 에서 대소문자 구문하지 못하는 문제 해결 (#431)" This reverts commit 549a5e9. * Revert "[#403] [모임 상세] 모임 정보 컴포넌트 (#423)" This reverts commit 378828c. * Revert "fix: 이벤트 핸들러 명칭 변경" This reverts commit de6588c. * Revert "fix: 컴포넌트명 변경" This reverts commit 03899d7. * Revert "fix: 스타일 관련 코드 수정 및 불필요한 요소 제거" This reverts commit 14a6b84. * Revert "feat: 내가 가입한 모임 simple ui 구현" This reverts commit 5dd3e60. * Revert "[#410] [북카이브] 북카이브 페이지 (비회원) (#425)" This reverts commit 08c919d. * Revert "[#411][독서 모임] Detail 독서 모임 컴포넌트 (#428)" This reverts commit cbb032a. * Revert "[#408] [모임 상세] 게시글 컴포넌트 (#429)" This reverts commit 2277b0d. * Revert "[#404][독서모임] 모임 검색 컴포넌트 (#419)" This reverts commit 281beee. * Revert "[#418] Avatar 컴포넌트 (#420)" This reverts commit 51d471e. * Revert "[#406] [모임 상세] 멤버 목록 컴포넌트 (#424)" This reverts commit 199a234. * Revert "[#399] Toast 컴포넌트 (#402)" This reverts commit 9333f87. * Revert "[#405] [레이아웃] 공통 레이아웃 (#421)" This reverts commit fb8d8d6. * Revert "[#398] RadioButton 컴포넌트 (#400)" This reverts commit 9c8bdc2. * Revert "[#413] Issue 템플릿에 v1.0 라벨 추가 (#417)" This reverts commit facb746. * Revert "[#363] BottomActionButton 컴포넌트 (#395)" This reverts commit a653d3b. * Revert "[#366] BottomSheet 컴포넌트 (#394)" This reverts commit a43dea4. * Revert "[#364] Badge 컴포넌트 (#396)" This reverts commit 86edc76. * Revert "[#362] TopNavigation 컴포넌트 리팩터링 (#393)" This reverts commit 55a6b98. * Revert "[#361] BottomNavigation 컴포넌트 (#392)" This reverts commit d7d8ca6. * Revert "[#388] Input, Select 컴포넌트 에러 처리 (#389)" This reverts commit f5bf5ef. * Revert "[#390] storybook snippet 작성 (#391)" This reverts commit 97984a7. * Revert "[#365] Modal 컴포넌트 (#387)" This reverts commit 8e931fc. * Revert "[#367] Switch 컴포넌트 (#386)" This reverts commit e1b1ae9. * Revert "[#382] Assets 정리 (#384)" This reverts commit 182def7. * Revert "[#383] Select 컴포넌트 (#385)" This reverts commit 7c189bc. * Revert "[#357] TopHeader UI 컴포넌트 및 스토리북 작성 (#379)" This reverts commit 4dfbcc8. * Revert "[#358] TopNavigation 컴포넌트 (#378)" This reverts commit 41f8f99. * Revert "[#360] Input 컴포넌트 작성 (#380)" This reverts commit e28792d. * Revert "[#359] Button 컴포넌트 (#381)" This reverts commit 6b84755. * Revert "[#376] Storybook 설정 및 GlobalTheme, Font 수정 (#377)" This reverts commit 3a7a9e6. * Revert "[#374] Tailwind 클래스를 정렬하기 위한 Prettier 플러그인 추가 (#375)" This reverts commit e365160. * Revert "[#372] Theme, GlobalStyle, Font 세팅 (#373)" This reverts commit 4f7df42. * Revert "[#370] Storybook & Headless UI 추가 (#371)" This reverts commit 7ad8aef.

gxxrxn added 🐥 프론트 필수! 🔥 v.1.0 New feature for releasing v.1.0 labels Oct 14, 2023

gxxrxn requested review from minjongbaek, hanyugeon and WooDaeHyun October 14, 2023 18:06

gxxrxn self-assigned this Oct 14, 2023

vercel bot deployed to Preview October 14, 2023 19:05 View deployment

vercel bot deployed to Preview October 15, 2023 01:54 View deployment

vercel bot deployed to Preview October 15, 2023 01:56 View deployment

minjongbaek reviewed Oct 16, 2023

View reviewed changes

hanyugeon reviewed Oct 16, 2023

View reviewed changes

vercel bot deployed to Preview October 16, 2023 14:41 View deployment

vercel bot deployed to Preview October 23, 2023 09:04 View deployment

gxxrxn requested review from minjongbaek and hanyugeon October 23, 2023 09:07

minjongbaek previously approved these changes Oct 23, 2023

View reviewed changes

hanyugeon previously approved these changes Oct 31, 2023

View reviewed changes

gxxrxn added 8 commits November 1, 2023 18:01

feat: keyframe, color 추가

92a508a

fix: check-circle svg 크기 제거, fill 속성 수정

15866bc

feat: useTimeout 훅 구현

76c6ef1

feat: Toast 구현

902d824

- ToastProvider, ToastItem 컴포넌트 구현 - useToast 훅 구현

feat: Toast 스토리북 작성

c3642b1

feat: portal 구현 후 Toast에 적용

60131f9

refactor: storybook render 함수 수정

b26555f

feat: ToastItem 스토리에 추가

cc4570a

- toast width 스타일 수정

gxxrxn added 3 commits November 1, 2023 18:01

chore: NormalToast 변수명 수정

d46d79b

feat: duration 설정 가능하도록 수정

1cedb67

refactor: useTimeout 훅 제거

f41ce43

gxxrxn dismissed stale reviews from hanyugeon and minjongbaek via f41ce43 November 1, 2023 09:03

gxxrxn force-pushed the feat/#399 branch from de98470 to f41ce43 Compare November 1, 2023 09:03

vercel bot deployed to Preview November 1, 2023 09:04 View deployment

minjongbaek approved these changes Nov 1, 2023

View reviewed changes

hanyugeon approved these changes Nov 1, 2023

View reviewed changes

gxxrxn merged commit ee20bfc into main Nov 1, 2023
3 checks passed

minjongbaek deleted the feat/#399 branch December 25, 2023 03:06

gxxrxn added a commit that referenced this pull request Aug 20, 2024

Revert "[#399] Toast 컴포넌트 (#402)"

7b0669b

This reverts commit 9333f87.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[#399] Toast 컴포넌트 #402

[#399] Toast 컴포넌트 #402

gxxrxn commented Oct 14, 2023

vercel bot commented Oct 14, 2023 •

edited

Loading

github-actions bot commented Oct 14, 2023 •

edited

Loading

minjongbaek left a comment

minjongbaek Oct 16, 2023

gxxrxn Oct 16, 2023

minjongbaek Oct 16, 2023

gxxrxn Oct 16, 2023

minjongbaek Oct 16, 2023

minjongbaek Oct 16, 2023 •

edited

Loading

gxxrxn Oct 17, 2023

minjongbaek Oct 17, 2023

minjongbaek Oct 18, 2023

gxxrxn Oct 23, 2023 •

edited

Loading

minjongbaek commented Oct 16, 2023

hanyugeon left a comment

hanyugeon Oct 16, 2023

hanyugeon Oct 16, 2023

gxxrxn Oct 16, 2023

hanyugeon Oct 16, 2023

gxxrxn Oct 16, 2023

gxxrxn commented Oct 16, 2023

minjongbaek commented Oct 16, 2023

minjongbaek left a comment

hanyugeon left a comment

[#399] Toast 컴포넌트 #402

[#399] Toast 컴포넌트 #402

Conversation

gxxrxn commented Oct 14, 2023

구현 내용

스크린샷

pr 포인트

Help

관련 이슈

vercel bot commented Oct 14, 2023 • edited Loading

github-actions bot commented Oct 14, 2023 • edited Loading

minjongbaek left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

minjongbaek Oct 16, 2023 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

gxxrxn Oct 23, 2023 • edited Loading

Choose a reason for hiding this comment

minjongbaek commented Oct 16, 2023

hanyugeon left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

gxxrxn commented Oct 16, 2023

minjongbaek commented Oct 16, 2023

minjongbaek left a comment

Choose a reason for hiding this comment

hanyugeon left a comment

Choose a reason for hiding this comment

vercel bot commented Oct 14, 2023 •

edited

Loading

github-actions bot commented Oct 14, 2023 •

edited

Loading

minjongbaek Oct 16, 2023 •

edited

Loading

gxxrxn Oct 23, 2023 •

edited

Loading