(1) 주제 선정

---

# 2023년 7월반(306호) 최종프로젝트 설정 정보

1. redmine
- http://112.220.114.130:83/redmine/projects/202307_filnal_team1
- http://112.220.114.130:83/redmine/projects/202307_filnal_team2
- http://112.220.114.130:83/redmine/projects/202307_filnal_team3
- http://112.220.114.130:83/redmine/projects/202307_filnal_team4

2. svn
- http://112.220.114.130:10001/svn/projects/202307F/team1
- http://112.220.114.130:10001/svn/projects/202307F/team2
- http://112.220.114.130:10001/svn/projects/202307F/team3
- http://112.220.114.130:10001/svn/projects/202307F/team4
- ex) 아이디 : 202307_본인 이니셜
	  비밀번호 : 각자 설정한 비밀번호

3. db
- sqlplus team1_202307F/java@112.220.114.130:1521
- sqlplus team2_202307F/java@112.220.114.130:1521
- sqlplus team3_202307F/java@112.220.114.130:1521
- sqlplus team4_202307F/java@112.220.114.130:1521
- 테이블스페이스 : ts_202307F
- 용량 : 각 팀별 450MB

---

Spring Legacy 프로젝트에서 React를 통합하는 것은 가능합니다. 일반적으로 Spring은 백엔드를 담당하고, React는 프론트엔드를 담당하는데, 두 기술을 통합하여 웹 애플리케이션을 구축할 수 있습니다. 아래는 Spring Legacy 프로젝트에 React를 통합하는 기본적인 단계입니다.

React 프로젝트 생성:
먼저 React 프로젝트를 생성합니다. 이를 위해 Node.js 및 npm이 설치되어 있어야 합니다. 터미널 또는 명령 프롬프트에서 다음 명령을 실행하여 React 앱을 생성합니다.

bash
Copy code
npx create-react-app my-react-app
이 명령은 "my-react-app"이라는 디렉토리에 새로운 React 앱을 생성합니다.

React 앱 빌드:
React 앱을 빌드합니다. 빌드된 파일은 Spring 프로젝트의 정적 자원으로 사용됩니다. React 프로젝트의 루트 디렉토리에서 다음 명령을 실행합니다.

bash
Copy code
npm run build
이 명령은 build 폴더를 생성하고 빌드된 파일을 내보냅니다.

빌드된 React 파일 Spring 프로젝트로 이동:
빌드된 React 파일을 Spring 프로젝트의 정적 자원 디렉토리로 이동시킵니다. 일반적으로 Spring Boot 프로젝트의 src/main/resources/static 또는 src/main/resources/public 디렉토리를 사용합니다.

Spring에서 React 정적 자원 설정:
Spring 프로젝트에서 React 앱의 정적 자원을 서비스할 수 있도록 설정해야 합니다. WebMvcConfigurer를 구현하여 다음과 같이 설정할 수 있습니다.

java
Copy code
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**")
                .addResourceLocations("classpath:/static/")
                .addResourceLocations("classpath:/META-INF/resources/webjars/")
                .addResourceLocations("file:./path/to/your/react/build/folder/");
    }
}
이 설정은 "/static/**" 경로로 들어오는 요청을 정적 자원 디렉토리에서 찾도록 지정합니다.

React와 Spring 통합:
필요에 따라 React와 Spring 간의 통합을 위한 API 엔드포인트를 정의하고, 필요한 데이터를 주고받을 수 있습니다. 이 부분은 프로젝트의 요구사항에 따라 다르게 구현될 수 있습니다.

이러한 단계를 따르면 Spring Legacy 프로젝트에서 React를 통합할 수 있습니다. 다만, 프로젝트의 구조나 요구사항에 따라 더 구체적인 조정이 필요할 수 있습니다.