[TIL]21.12.28

어제 IAM에서 받아온 accessKey와 SecretKey가 제대로 Authentication(인증)이 제대로 안되서 권한을 제대로 못받아오는 거 같아서 다시 IAM에 대해 공부하고 사용자권한을 받아왔다. MFA도 다시 공부하였다.

https://tech.cloud.nongshim.co.kr/2018/10/13/%EC%B4%88%EB%B3%B4%EC%9E%90%EB%A5%BC-%EC%9C%84%ED%95%9C-aws-%EC%9B%B9%EA%B5%AC%EC%B6%95-2-iam-%EC%9C%A0%EC%A0%80-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0/

그룹은 생성하고 사용자도 있다. 하지만 그룹에 권한이 없어서 AdministratorAccess, AmazonS3FullAccess, AmazonEC2FullAccess, AmazonRDSFullAccess을 추가했다. 하지만 똑같이 되지 않았다.

공식문서를 읽다가 이런글을 발견해서 환경변수를 즉 ~/.aws/credentials 을 사용할 수 있도록 적절한 조취가 필요한가해서 알아보던중

$ export AWS_ACCESS_KEY_ID="your_key_id"
$ export AWS_SECRET_ACCESS_KEY="your_secret_key"
$ export AWS_SDK_LOAD_CONFIG=1 // 이것도 오류중 이렇게 하라는 건가 싶어 해주었다.

위와 같이 환경변수를 설정해주고

참고자료
https://cosmosproject.tistory.com/269

또한 ~/.aws/credentials로 사용하지 않고

const AWS = require('aws-sdk');
// AWS.config.region = 'ap-northeast-2';
const SESConfig = {
    apiVersion: "2015-03-31",
    accessKeyId: process.env.AWS_SECRET_KEY,
    accessSecretKey: process.env.AWS_SECRET_KEY,
    region: "ap-northeast-2"
}
AWS.config.update(SESConfig);

이런 식으로 자격증명을 받으려했다.

혹시나 몰라 서버에서 구현하니까 바로 됐다. nodejs에서 사용하는 SDK인데 내가 리액트에서 사용해서 그런게 아닌가 싶다.

나중에 서버사이드 렌더링 구현을 위한 참고자료 링크
https://nyeongnyeong.tistory.com/183

서버에서 파일을 업로드 받으려면 formidable을 사용해야하는데, 리액트에선 그렇게 하지 않고 다르게 하려 한다.

formidable을 할때 렌더링 코드

         <form enctype="multipart/form-data" method="post" action="upload_receiver">
          <input type="file" name="userfile"></input>
          <input type="submit"></input>
      </form>
      
   
   
 
 
 
 

리액트 파일 업로드

참고자료
https://velog.io/@edie_ko/React-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%98%EA%B8%B0-with-Axios

require is not defined

이러한 오류로 인해 require 을 import 문으로 바꿨더니 cors오류가 나왔다. 정확히는 sop 동일 정책 오류로 포트까지 다 맞아야하는 데 그러지 못하는 오류라그랬다.
https://velog.io/@takeknowledge/%EB%A1%9C%EC%BB%AC%EC%97%90%EC%84%9C-CORS-policy-%EA%B4%80%EB%A0%A8-%EC%97%90%EB%9F%AC%EA%B0%80-%EB%B0%9C%EC%83%9D%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3gk4gyhreu