반응형 Web8 CORS - Spring Boot / React 간 통신을 위한 에러 해결 Spring boot 와 React 프로젝트를 처음 생성하고 간단하게 동작 확인을 하려고 서버에서 RestController 와 React 에서 axios 로 부르려고 시도를 했는데, 다음과 같은 오류가 발생했습니다. React 코드는 다음과 같습니다. import './App.css'; import { useState, useEffect} from 'react'; import axios from 'axios'; function App() { const url = 'http://localhost:8080/'; const [data, setData] = useState(''); useEffect(() => { (async () => { try { const { data } = await axios.get(.. 2023. 8. 30. Spring Boot - @Controller 와 @RestController 의 차이점 @Controller 와 @RestController 의 차이점에 대해 알아보겠습니다. 요즘은 프론트앤드로 React, Vue, Svelte 등을 사용하기 때문에 Controller 보다는 RestController 를 더 사용할 것 같습니다. 이들은 HTTP 요청을 처리하는 클래스를 정의하는 데 사용됩니다. @Controller @Controller 어노테이션은 스프링 MVC에서 컨트롤러를 정의하는 데 사용됩니다. @Controller가 붙은 클래스는 보통 View를 반환합니다. HTML 파일을 사용하거나, JSP 등을 사용할 때 주로 쓰게 됩니다. @Controller public class TestController { @RequestMapping("/") public String index() {.. 2023. 8. 29. [Web] Jquery 이벤트 핸들러에 파라미터가 있는 함수 적용하기 단순한 함수의 경우에는 바로 클릭 이벤트에 바로 함수명을 넣으면 적용이 되었다. 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 Click Me $('#test').on('click', test1); function test1() { alert("Hello world!"); } http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter 위와 같이 입력하면 다음과 같이 잘 나온다. 하지만 만약 함수에 파라미터가 있다면 어떻게 될까? 1 2 3 4 5 6 7 8 9 10 11 12 13 14.. 2019. 6. 30. [Web] html 파일에 Jquery 설치, 사용하기 html 파일에 jquery를 사용하려면 어떻게 해야 할까? 방법은 두 가지가 있다. 링크를 사용하는 방법과 Jquery 코드를 다운받아 사용하는 방법이다. 링크 사용하기 먼저 구글에 jquery CDN 이라고 검색하자. (https://code.jquery.com/) 다음과 같이 나오면 가장 최신 버전 jquery의 minified를 누른다. 누르면 다음과 같이 나오는데 이 부분을 복사하여 html파일에 넣어주면 된다. 넣어주는 위치는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 //html body //자바스크립트, Jquery http://colorscripter.com/info#e" target="_blank" style="color:#.. 2019. 6. 30. 이전 1 2 다음 반응형
