| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- http.createserver
- CSS module 장점
- 회고
- express react
- next.js
- pure functions
- React
- app.listen
- useimperativehandle 사용할때
- 이미지 업로드 과정
- components as formulas
- 스프린트 여정 마침
- 리액트 19 useref
- 리스티웨이브
- node.js(express) + ws(websocket) + react
- 리액트로 채팅 기능 구현하기
- css module classNames
- useref 타입
- 티스토리챌린지
- inferred type error
- useimperativehandle 사용법
- trigger additional callbacks
- 코드잇 스프린트 FE 1기
- 프리렌더링
- usemutation custom hook
- type reference cannot be named error
- express로 채팅 기능 구현하기
- 오블완
- 특정 dom node만 노출시키고 싶을 때
- dynamic metadata
Archives
- Today
- Total
목록UI/UX (1)
Life is connecting the dots .
이미지 업로드 기능 사용성[UI/UX] 개선
이번주는 기존에 완성한 개인 프로젝트를 다시 점검하는 시간을 가졌다.👩🔧 기능 동작에 이상이 없는지 재점검하고 리팩토링한 코드를 다시 리팩토링도 해보았다. 이 중 사용자가 게시물을 등록하기 위해 작성하는 양식 중 이미지 업로드 기능을 확인했을 때, 기능은 잘 동작하지만 사용성을 조금 더 개선하고자 계획하였다. 현재 이미지 업로드 기능 동작 문제 상황 ❏ 업로드를 클릭한 공간에 이미지가 업로드된다. ❏ 이미지 수정은 가능하지만 삭제가 안된다. ❏ 이미지 업로드 완료까지 다소 시간이 걸린다. challenge ❏ 어떤 업로드 버튼을 클릭하던 왼쪽부터 순서대로 사진 업로드 하기 ❏ 업로드한 이미지 삭제 구현하기 (+. 삭제해도 이미지는 좌측정렬을 유지) ❏ 이미지 업로드 중인 동안 대체 UI 보여주기 이미지..
Programming/React
2023. 9. 1. 21:12