1. 프로젝트 소개

• 프로젝트 명 : 도커를 사용하는 프로젝트에서 CORS 설정을 하는 방법
• 동기 : CORS 설정을 어디서 하면 좋을지 학습하기 위한 프로젝트
• 목표 : React + Springboot 프로젝트의 CORS 설정을 위해 백엔드에서 로직 처리를 하도록 설계
• 개발 기간 : 2024.09.20 ~ 2024.09.24
• 소개
  • 한 줄 정리 : CORS 설정은 백엔드에서 처리하는 것이 바람직하기 때문에 간단한 프로젝트에 CORS 설정만 해놓은 프로젝트
  • 핵심 기능
    • 기능 1 ) React + Springboot 프로젝트 연결
    • 기능 2 ) 서버 연결 확인을 위한 API 및 버튼
    • 기능 3 ) CORS 설정

2. 기술 스택 정리

[Frontend] React + Vite

[Backend] Springboot

Docker

CORS 설정

🗃️ Github

https://github.com/pastjung/CORS_VITE-React-SpringBoot

https://github.com/pastjung/CORS_React-SpringBoot

📽️ 시연 영상

🗒️ 관련 프로젝트

[CICD] Github Actions + AWS ECR & ECS ( 2024.09.20 ~ 2024.10.06 )

🙋‍♂️Introduction

• GitHub : https://github.com/pastjung

• Blog

  Velog : https://velog.io/@chwogus/posts ,

  Naver : https://blog.naver.com/chwogus0303

• Email : [email protected]

🥇 MVP 목표

React + Springboot의 CORS(교차 출처 리소스 공유) 설정하기
**→** 백엔드에서 로직 처리

🖥️ 개발 환경

# Environmental Development
- Java 17
- Gradle 8.4
- MySQL 8.0.3
- Spring Boot 3.2.4
- React 20.11.1
- Vite

# Tools
- IntelliJ IDEA
- Visual Studio Code
- Docker

# Community
- Notion
- Github