반응형 Programming38 [AWS EC2] Release Elastic IP Elastic IP를 설정하여 Project 진행 중에 요금이 부과 되었던 지난 사건에 이어서, ( 2023.02.06 - [Programming/Common] - [AWS Cloud9] EC2 instance timeout 설정 변경 ) netlify에 호스팅한 frontend에서 AWS EC2에 호스팅한 backend 접근 시 아래와 같이 Mixed Content 에러가 발생했다. 결국, https://로 접속한 사이트에서 http://로 접근하여 보안문제가 발생한 것인데, EC2 instance에 보안 처리를 하려면 도메인을 구매하고 인증서를 설치하는 과정이 필요했다. 하지만, Project가 규모도 큰 것도 아니고, 시간도 없어서 https://로 호스팅되는 Railway로 backend 서버를 .. 2023. 3. 14. [AWS Cloud9] EC2 instance timeout 설정 변경 AWS Cloud9을 통해 backend server를 구성하고 있는 중에 문제점을 발견했다. 서버를 가동 시키고 한 숨 자고 다음날 다시 서버 접속하면 서버가 꺼져있다. 잉? 왜 이러지 하다가 문듯 소환된 과거의 기억. 최초 EC2 instance 생성 시 기본 값으로 30분을 지정. 이러니 자고 나면 서버가 종료됨. 다시 시작하면 IP가 변경됨. ( IP 변경은 Elastic IP address 설정으로 해결 ) 해당 설정을 변경해보려 탐험 시작!!! 여기저기 뒤져보다가 IDE 설정에서 발견. ( 왜 여기에?? ) 이제 일주일동안 접속하지 않으면 종료하는 것으로 변경! ( 일주일에 한 번은 접속해보겠지? ) P.S 메일 확인해보니 Elastic IP 주소 설정 후에 서버가 꺼져있는 시간동안 요금이 부.. 2023. 2. 6. [IDE] AWS Cloud9 What is AWS Cloud9 ( https://aws.amazon.com/cloud9/ ) - 브라우저만으로 코드를 작성, 실행 및 디버깅할 수 있는 클라우드 기반 IDE(통합 개발 환경) - JavaScript, Python, PHP를 비롯하여 널리 사용되는 프로그래밍 언어를 위한 필수 도구가 사전에 패키징되어 제공 - 개발 환경을 팀과 공유하고 프로그램을 함께 연결 가능 가입 절차 1) Sign-up an AWS account : Root user 이메일과 계정 이름을 입력 2) 이메일과 계정이름 입력 후 해당 이메일로 받은 인증코드 입력 -> Password 입력 -> Contact Information 입력 -> 카드 정보 입력 -> 신원 인증 ( 문자 or 통화 ) -.. 2023. 2. 3. [React] Github publish 하기 1. gh-pages tool 설치 ( npm i gh-pages ) 2. package.json 파일의 build script 실행. - 프로젝트의 production ready code를 생성함. ( 코드 압축 및 프로젝트 최적화 ) - script 실행 완료 후 build 폴더가 생김. 3. package.json 파일에 내용 추가 - package.json 끝 부분에 "homepage": "https://github유저네임.github.io/github repository(github 저장소)" 추가 ( 해당 항목 추가 전에 , 추가 하는 것 잊지 마세요 ) - "script" 항목에 아이템 추가 1) "deploy" : "gh-pages -d build" ( gh-pages를 실행 시키고, bu.. 2023. 1. 22. [React] 로그가 두 번씩 찍힐 때. (StrictMode) create-react-app을 이용하여 project를 생성하면 기본적으로 최상의 root element render 시에 StrictMode로 감싸준다. StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구로, 개발 모드에서만 활성화 됩니다. 기본적으로 생성되고 프로덕션 빌드 시에는 영향을 주지 않기 때문에 유용하지만, 정확한 내용을 파악하고 있지 않으면 개발 시에 혼란을 겪을 수 있습니다. 저도 React 공부 중에 useEffect 함수 안에 사용한 console.log가 두 번씩 찍혀서 이상하다고 생각하다가 좀 찾아보니 StrictMode에서는 몇 개의 함수를 의도적으로 두 번 호출하여 문제가 되는 부분을 발견할 수 있게 한다고 합니다. 의도적으로 두 번씩 호출하는 함수는 .. 2023. 1. 21. [React] Create react app 으로 Application 만들기 Create-react-app을 사용하는 목적은 좀 더 쉽게 ReactJS Application을 만들기 위해서 입니다. Create-react-app은 ReactJS Application을 만들기 위한 많은 사전 설정들을 미리 준비해주기 때문입니다. Create-react-app을 사용하기 위해 해야할 일. 1. node.js 설치 ( https://nodejs.org/en/ ) 안정화된 버전인 LTS를 설치하고, 콘솔 화면에서 node -v를 입력했을 때, 버전이 표시되고 npx 명령어도 잘 수행된다면 정상 설치된 것입니다. 2. VSCode ( https://code.visualstudio.com/ ) 코드 작성을 위해 VSCode를 설치해 줍니다. 다른 IDE를 설치해도 문제는 없지만, VSCod.. 2023. 1. 18. 이전 1 2 3 4 5 6 7 다음 반응형
