AWS EC2에 Spring boot+React 프로젝트 배포하기
·
서버&인프라/Cloud
배포 방식.jar 를 AWS EC2에 배포 java -jar app.jar → 바로 실행 가능 (EC2에서 아주 간단) EC2 생성AWS 가입 및 로그인EC2 선택 후 인스턴스 시작 인스턴스 기본 정보 입력인스턴스 이름 입력OS : Amazon Linux 보안 그룹 설정SSH와 HTTP 체크유형프로토콜포트소스설명SSHTCP22내 IP(권장) 또는 0.0.0.0/0EC2 접속용 (관리용)HTTPTCP800.0.0.0/0React 프론트 접속용(선택) HTTPSTCP4430.0.0.0/0나중에 SSL 사용 시CustomTCP80800.0.0.0/0Spring Boot 직접 확인용 키 페어 생성Mac이나 리눅스 사용자는 .pem 선택 윈도우 사용자는 .ppk 선택 (최신 윈도우에서는 .pem이..
IntelliJ에서 Spring boot+React 연동하기
·
웹 개발/React
Spring boot 프로젝트 생성 InteliJ 설치 (Community버전)아래 링크에서 IntelliJ를 다운 IntelliJ IDEA | 다른 버전 www.jetbrains.com Spring initializr로 프로젝트 생성스프링 이니셜라이저 : 스프링 부트 프로젝트를 간편히 설정하여 생성하는 도구아래 링크에 접속하여 프로젝트를 생성할 수 있다.https://start.spring.io/ 프로젝트명 : exam의존성(우측 Dependencies)으로는 Spring Web, Lombok, MySQL Driver, Spring Data JPA를 선택한 후 생성한다. 프로젝트 Open 및 InteliJ 설정생성된 프로젝트 .zip 파일 압축 해제 후 워크스페이스에 넣기좌측 상단 메뉴에서 ..
React 기본 문법 학습하기
·
웹 개발/React
브라우저에서 HTTP 요청을 보내는 방법 항목fetchaxios내장 여부브라우저/Node(18+) 내장별도 설치 필요 (npm i axios)에러 처리네트워크 실패에서만 reject, HTTP 4xx/5xx는 resolve → res.ok 수동 검사 필요HTTP 4xx/5xx에서 자동 rejectJSON 처리await res.json() 직접 호출response.data에 이미 파싱된 데이터요청 본문직접 JSON.stringify()객체 주면 자동 JSON 직렬화(헤더 설정도 보통 자동)타임아웃내장 없음 → AbortController로 직접 구현timeout 옵션 제공취소AbortControllersignal(AbortController) 지원기본 설정없음(요청마다 지정)axios.create({ ba..
React 설치 및 실행하기
·
웹 개발/React
node.js와 npm 버전 확인cmd 관리자권한으로 실행 후 명령어 입력node -vnpm -v 버전이 표시된다면 정상 설치된 것 버전 표시되지 않으면 설치 필요함 cmd에서 리액트 설치cd C:\mkdir ReactProjectcd ReactProjectnpm create vite@latest my-react-app# 여기서 프로젝트 이름(my-react-app) 입력 후# 프레임워크: React 선택# 언어: JavaScript 선택 프로젝트명 입력 후 프레임워크와 언어 선택 설치 도중 에러 발생 프로젝트 경로엔 한글이 없지만, 캐시 경로에 한글(사용자 이름)이 포함되어 발생한 에러 해결 방안 캐시 저장 경로를 변경한다.npm config set cache C:\npm-..