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:/..

문제점 사진의 url이 너무 길다. 글을 작성할 때 서버의 해당 text를 그대로 저장하고 불러오는 식으로 하려고 했으나... image의 길이가 너무나 길어서 서버가 감당하지 못할거라고 생각했고 다른 글들을 찾아보니 서버가 감당을 하지 못한다고들 말씀을 하신다... 해결방안 AWS가 제공하는 S3(스토리지)를 사용하여서 이미지만 S3에 저장을 해서 짧아진 img의 url을 서버에 저장하게끔 하는 것이다! 그렇다면 S3를 만들러가보자 도움받은 사이트 https://gareen.tistory.com/47