KHUCapston-concoder / KHUCapston-concoder/Frontend

[Feat] Toast 메시지 개발 방식 변경

Open
#11 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue
Dominant language
TypeScript
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

현재는 아래와 같이 토스트 메시지를 띄울때마다 전역 상태를 업데이트하고, 전역 상태를 감지하면 메시지가 떠오르게 구현되어있음

https://github.com/KHUCapston-concoder/Frontend/blob/b0dd564660588eceed258c1cbe22582432056bc0/src/components/_styled/Toast.tsx#L6-L26

이 방식의 문제점은 다음과 같음
- 토스트 메시지를 짧은 시간 내 여러번 띄우려할때 부드럽게 메시지간 전환이 어려움
- setTimeout 으로 관리하는 방식은 이상 행동을 유발할 수 있음

따라서, 해당 로직을
메시지 버튼을 누를때마다 함수를 실행시키고, 이에 따라 동적으로 컴포넌트를 만들었다가 destroy 하는 방식으로 변경하고자함

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with src/components/_styled/Toast.tsx, especially lines 6–26, then trace the message buttons and current global-state updates that invoke it. The work is done when repeated toast requests transition smoothly without the existing global-state and setTimeout behavior, with the affected flows still displaying and removing messages correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.