Good Developer

1. 리액트와 스프링부트 간의 CORS 설정 (WebConfig.java)역할: CORS 설정을 통해 특정 도메인에서 백엔드에 대한 요청을 허용이유: React 개발 서버에서 Spring Boot 백엔드 서버로 요청을 보낼 때, 브라우저의 동일 출처 정책(Same-Origin Policy) 때문에 CORS 에러가 발생합니다. 이를 해결하기 위해 Spring Boot에서 CORS 설정을 통해 React 개발 서버의 도메인(http://localhost:3000)을 허용하도록 설정합니다.import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.CorsRegi..

1. 컴포넌트 (Component)리액트 애플리케이션을 구성하는 기본 단위재사용하고 독립적인 UI 요소함수형 컴포넌트와 클래스 컴포넌트로 나뉨함수형 컴포넌트 : 함수로 정의되며, 주로 hooks와 함께 사용클래스형 컴포넌트 : 클래스 문법을 사용하여 정의 (리액트의 최신 버전에서는 함수형 컴포넌트가 더 많이 사용됨)// 함수형 컴포넌트 예제function Welcome(props) { return Hello, {props.name};}// 클래스형 컴포넌트 예제class Welcome extends React.Component { render() { return Hello, {this.props.name}; }}2. 렌더링 (Rendering)리액트 컴포넌트가 UI를 화면에 ..

1. IntelliJ React 프로젝트 생성 New Project > JavaScript > React 선택 후 Next 2. Project 기본 설정Project name : 프로젝트명 작성Project location : 저장 위치 설정 Node interpreter : 설치한 Node.js 경로 설정Finish 클릭하면 프로젝트 생성3. Project 자동 설치Run 탭에 자동으로 설치로그 내용이 아래와 같이 나오면 설치 완료 4. React 시작Run 탭 옆에 Terminal 탭으로 이동명령어 npm start 입력5. React 화면 출력하기 로그 내용이 아래와 같이 나오면 성공접속 URL : http://localhost:3000종료는 terminal에서 "Ctrl + c" 누르고 "Y" 입..