| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- dynamic metadata
- app.listen
- css module classNames
- 리액트 19 useref
- inferred type error
- useref 타입
- express react
- http.createserver
- React
- useimperativehandle 사용할때
- components as formulas
- next.js
- 프리렌더링
- 리액트로 채팅 기능 구현하기
- CSS module 장점
- 코드잇 스프린트 FE 1기
- trigger additional callbacks
- express로 채팅 기능 구현하기
- 회고
- 티스토리챌린지
- 오블완
- useimperativehandle 사용법
- 특정 dom node만 노출시키고 싶을 때
- 스프린트 여정 마침
- node.js(express) + ws(websocket) + react
- pure functions
- type reference cannot be named error
- usemutation custom hook
- 리스티웨이브
- 이미지 업로드 과정
Archives
- Today
- Total
목록이미지 업로드 과정 (1)
Life is connecting the dots .
AWS Presigned URL, 클라이언트 이미지 업로드 적용 과정
프로젝트 [리스티웨이브]의 어드민 게시물/공지 기능을 만들면서 이미지업로드 기능을 만들어야 했다. 우리 서비스의 특성상 사용자가 이미지 업로드를 빈번하게 하고, 또 이번에 어드민 기능의 게시물을 업로드하는 과정에도 이미지 업로드를 여러 번 할 수 있다. 이처럼 이미지를 업로드할 때 AWS의 S3를 이용해서 다음과 같은 절차로 이미지가 업로드된다. 참고로 aws S3(Amazon Simple Storage Service)는 데이터를 버킷(컨테이너) 내의 객체로 저장하는 객체 스토리지 서비스이다. 여기서 객체는 해당 파일을 설명하는 모든 메타데이터이고, 버킷은 객체에 대한 컨테이너로 생각하면 된다. Amazon S3에 데이터를 저장하려면 (1) 버킷을 생성하고, 버킷 이름 및 AWS 리전을 지정하고, (2)..
Programming
2024. 11. 21. 10:12