10000COW

사용할 AWS 서비스는 다음과 같습니다. 1️⃣ IAM(Identitiy and Access Management) : AWS 계정 및 권한 관리 서비스 : AWS 서비스와 리소스에 대한 엑세스 관리 : 사용자, 그룹, 역할, 정책으로 구성 2️⃣ S3(Amazon Simple Storage Service) :거의 무제한 저장용량을 제공하는 객체(Object) 스토리지 서비스 :객체(파일)이 여러 버전을 가질 수 있음 STEP1. IAM 사용자 생성 1-1. aws 검색창에 IAM을 검색해 IAM 서비스 콘솔로 이동합니다. 1-2. IAM 콘솔의 왼쪽 '사용자' 탭에서 오른쪽 상단의 사용자 추가 버튼을 클릭합니다. 1-3. 사용자 이름을 원하는 이름으로 입력하고, AWS 액세스 유형 선택의 'AWS 자격 ..

The Reason of this Error 'babel-eslint' has deprecated and it causes this error. All you have to do is changing parser from deprecated 'babel-eslint' to '@babel/eslint-parser' Error Solution 1. Open your react file using IDE(For me, VSCode) 2. Find node_modules Directory and you can find eslint-config-react-app / base.js in this directory. 3. You should change parser in module.exports from babel..

이 에러를 포스팅 하는 이유 React를 사용하는 경우 초심자가 자주 마주치는 에러 중 하나로, CSS 파일이나 Package.json 파일에 새로고침을 해주면 순간적으로 없어지긴 하지만, 매번 yarn start를 할 때마다 발생하다보니, 해결하지 않으면 매우 귀찮은 에러이기 때문에 해결하는 방법을 기록해보려고 한다. 이 에러의 원인은? 해당 에러는 babel-eslint가 deprecated 되었기 때문에 사용할 수 없어 발생하는 문제이다. 그래서 이 에러를 해결하려면 babel-eslint를 @babel/eslint-parser로 변경해주면 된다. 이 에러의 해결 방법은? 1. VSCode 또는 사용하는 IDE로 에러가 발생하는 리엑트 파일을 엽니다. 2. node_modules 디렉토리(폴더) 안..

1번부터 하나씩 시도해보면서 그래도 안된다면 다음 번호로 넘어가면 됩니다. 1. 해당 S3 버킷 > 속성 > 정적 웹 사이트 호스팅 > 인덱스 문서와 오류 문서를 index.html로 설정 2. 해당 S3 버킷에 설정된 ColudFront > 오류 페이지 > 403, 404 다음과 같이 설정 (CloudFront 배포가 안되어있다면 에러가 나는 상황이더라도 CloundFront에 배포를 한 후에 설정하세요!) 3. 리액트 디렉토리 폴더 안의 .env 파일 삭제 (여기 안에 있는 public URL 때문에 오류 발생 가능) S3 배포, CloudFront 배포는 다음 포스팅을 참고하시면 좋습니다. https://42place.innovationacademy.kr/archives/9784 AWS S3, Cl..