Notice
Recent Posts
Recent Comments
Link
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

한바다

WebConfig,괄호누락,폴더 안불러와짐 본문

React

WebConfig,괄호누락,폴더 안불러와짐

한바다진화 2024. 7. 31. 21:43

🔴WebConfig 란?

WebConfig 파일은 웹 구성에 대해 지정하는 내용이 담겨져 있는 설정파일로

스프링 부트에서 WebMvcConfigurer 인터페이스를 구현하여 WebConfig 파일을 작성한다.

@Configuration // 개발 설정
public class WebConfig implements WebMvcConfigurer {
	
	// WebMvcConfigurer mapping을 재설정
	@Override
	public void addCorsMappings(CorsRegistry registry) {
		registry.addMapping("/**") // http://localhost:3000/ 뒤에오는 모든 주소값 허용
		.allowedOrigins("http://localhost:3000")
		.allowedMethods("GET","POST","PUT","DELETE","OPTIONS") //모두 주고, 받고 하는 모든 기능 허용
		.allowCredentials(true); //쿠키나 세션과 같은 자격을 허용
	}
}

 

[리액트 retrun 괄호 구조]

retrun (
   <>
   <h1>유저정보</h1>
   {userInfo ? (
      <div>
      
      <input type="text" value={userInfo.response.id} disabled />
      
      
      </div>
   
   )  :  (
   <p>유저를 찾을 수 없습니다.</p>
   
   </>

)

 

-> 코드에서 괄호는 프로그램이 어디서 시작해서 어디에서 닫혔는지 알게하는 중요한 구조이다.

예를 들어 (map) 이렇게 구문이 닫혀 있으면 주변에 돌아야 할 항목들을 돌지 못하고 막히게 된다.

코드가 어디서 어떻게 도는지 확인하고 괄호 누락 주의!!

 

🔴이클립스에서 상위폴더 전체를 이클립스에 임포트 하는데 안불러와 지는 오류 

이클립스에서 폴더 임포트를 하는데 상위 폴더가 안불러와지는 오류가 발생 하였다.

저장할때 어떤 오류가 감지되었는데 예스를 누르고 나서 폴더 내용 파일들에 제대로 불러와지지 않았다.

궁여지책으로 상위폴더 내 하위폴더 하나씩 클릭하여 임포트 하였는데 ...아래와 같이 해결 하였다!!!

- 프로젝트 가져오기:

 : 이클립스에서 'File' > 'Import...'를 클릭합니다.

 : General > Existing Projects into Workspace를 선택한 후 Next를 클릭 한다.

 : Select root directory에서 C:\Users\user1\Spring-React-Workspace를 선택하고, 아래의 프로젝트 목록이 제대로 표시되      는지 확인한다.

 : 원하는 프로젝트들을 선택하고 Finish를 클릭한다

- 프로젝트를 수동으로 추가

 : C:\Users\user1\Spring-React-Workspace 경로에 .project 파일이 있는지 확인.  파일이 없으면 이클립스에서 해당 폴더

   프로젝트를 인식하지 못함

 

🔴build.gradle > JSON데이터를 Java객체로 변환하거나 Java객체를 JSON 데이터로 변환

implementation 'com.fasterxml.jackson.core:jackson-databind:2.14.0'

 자바 객체 학생 {

 

'React' 카테고리의 다른 글

리액트-스프링부트-DB연결  (0) 2024.08.02
리액트 문법 과 네이버콜백 코드설명  (0) 2024.08.01
[스프링부트+리액트]Naver Login  (0) 2024.07.29
405 Method Not Allowed  (0) 2024.07.26
MySQL+스프링부트+리액트 연결  (1) 2024.07.25