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 | 29 | 30 |
Tags
- 이벤트
- 커리어
- 이미지 갤러리 최적화
- peerdependencies
- 블로그 서비스 최적화
- 자바스크립트 패턴
- 프로그래머스
- 프론트엔드 성능 최적화 가이드
- Set과 Map
- 스코프
- 브라우저의 렌더링 과정
- 올림픽 통계 서비스 최적화
- ES6함수 추가기능
- Property Attribute
- 프로퍼티 어트리뷰트
- package management
- 비전공이지만 개발자로 먹고삽니다
- 빌트인 객체
- 인터넷 장비
- 딥다이브
- Babel과 Webpack
- const
- 전역변수의문제점
- 자바스크립트
- 모던 자바스크립트 Deep Dive
- var 사용금지
- 자바스크립트 딥다이브
- 디스트럭처링
- 제너레이터와 async/await
- DOM
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 > General Tech Knowledges' 카테고리의 다른 글
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