Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바스크립트 딥다이브
- 자바스크립트
- DOM
- version management
- 진행기록
- 딥다이브
- 제너레이터와 async/await
- package management
- 스코프
- 프론트엔드 성능 최적화 가이드
- js pattern
- const
- 모던 자바스크립트 Deep Dive
- unique identifiers
- pr review
- 학습내용정리
- peerdependencies
- 자바스크립트 패턴
- 프로그래머스
- 블로그 서비스 최적화
- 이벤트
- 이미지 갤러리 최적화
- 커리어
- mixin pattern
- 올림픽 통계 서비스 최적화
- js pattern
- 새 코드 받아오기
- 브라우저의 렌더링 과정
- Babel과 Webpack
- middleware pattern
Archives
- Today
- Total
Dev Blog
How to Set up S3 bucket 본문
The steps to take
1. Create an account on console.aws.amazon.com
2. Create a user and a new bucket. Note the accessKeyId, the secretAccessKey and ARN
3. Add policy to the bucket and the user, add CORS to the bucket.
1) policy
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "AddCannedAcl",
"Effect": "Allow",
"Principal": {
"AWS": [
"arn:my arn"
]
},
"Action": [
"s3:PutObject",
"s3:PutObjectAcl"
],
"Resource": [
"arn:aws:s3:::onclick/*"
],
"Condition": {
"StringEquals": {
"s3:x-amz-acl": [
"public-read"
]
}
}
}
]
}
2) cors
S3 now expects the rules to be in Array Json format.
[
{
"AllowedHeaders": [
"*"
],
"AllowedMethods": [
"GET",
"HEAD"
],
"AllowedOrigins": [
"*"
],
"ExposeHeaders": [],
"MaxAgeSeconds": 3000
}
]
Source from
- www.youtube.com/watch?v=cDj4LPTLR3o
- codeytek.com/how-to-create-a-user-and-bucket-amazon-web-services-aws/
- Step to upload from code: codeytek.com/course/upload-files-images-on-amazon-web-services-course/upload-files-images-on-amazon-web-services-content/file-uploads-on-amazon-web-services-aws-multer-s3-node-js-react-js-express-aws-sdk/
- cors: stackoverflow.com/questions/17533888/s3-access-control-allow-origin-header
'Web Development > Terminology and Concepts' 카테고리의 다른 글
How to use Real-time DB of Firebase (0) | 2021.04.20 |
---|---|
React Convenient Tools - Prettier, ESLint, Snippet (0) | 2021.04.19 |
프론트엔드 필수 반응형 CSS 단위 정리 (0) | 2021.04.08 |
Difference between URI and URL (0) | 2021.04.06 |
Rest API (0) | 2021.04.06 |
Comments