Dug_House

사진을 업로드하는데 계속 버그가 뜬다...! 여기서 키워드는 No 'Access-Control-Allow-Origin' header is present on the requested resource. 즉, CORS 차단되었다는 것이다 그래서 S3 콘솔로가서 CORS를 변경해주었다. [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "HEAD", "GET", "PUT", "POST", "DELETE" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [ "ETag", "x-amz-meta-custom-header" ] } 그러고 다시 사진을 업로드 해보니 아직 안됨... 그래서 s3 400을 구글링 해보았다. https://velo..

고려해야할 점1. Next는 SSR이라서 클라이언트에서만 ToastUi-Editor를 dynamic import를 해와야함 2. Next에서의 환경변수는 .env.local파일안에서 클라이언트에서만 사용할 것은 밑에 처럼 NEXT_PUBLIC_ 키워드가 앞     에 붙어야한다3. dynamic import를 사용했기에 ref를 제대로 가져오지 못한다 그래서 React.fowardRef()를 사용해서 ref를 가져와야함  dynamic import  React.fowardRef()참고자료https://myeongjae.kim/blog/2020/04/05/tui-editor-with-nextjshttps://velog.io/@broccoliindb/Next.js-Editor-SSR-REF-이슈https:/..

Simple Storage Service AWS(amazon web service)가 제공하는 file을 저장하는 서버 안전하고 쉽게 사용 가능 저렴한 가격 서버가 다운될 걱정을 안해도 됨 버킷 저장장치 : 컨테이너 하나의 프로젝트에 하나의 버킷 내부에서 폴더를 생성할 수 있음 폴더 안에 파일이 있는데 파일을 object(객체)라고 한다. 버킷을 생성하고 사진을 넣어서 접근하려고 봤더니! 거절당했다... 해결하기 위해서 그리고 버킷 정책 편집을 들어가서 버킷 정책 생성기를 클릭한다. 이와 같은 page가 나오는데 1. S3 버킷 정책으로 선택 2. principal * 넣기 3. actions 에서 put object 랑 get object 추가해줌 4. 버킷 arn 넣기 ex) arn:aws:s3:::..