KHUCapston-concoder / KHUCapston-concoder/Frontend
[Feat] Toast 메시지 개발 방식 변경
- 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