본문 바로가기
반응형

전체 글121

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.
[Java][자바][백준][17143번] 낚시왕 문제 낚시왕이 상어 낚시를 하는 곳은 크기가 R×C인 격자판으로 나타낼 수 있다. 격자판의 각 칸은 (r, c)로 나타낼 수 있다. r은 행, c는 열이고, (R, C)는 아래 그림에서 가장 오른쪽 아래에 있는 칸이다. 칸에는 상어가 최대 한 마리 들어있을 수 있다. 상어는 크기와 속도를 가지고 있다. 낚시왕은 처음에 1번 열의 한 칸 왼쪽에 있다. 다음은 1초 동안 일어나는 일이며, 아래 적힌 순서대로 일어난다. 낚시왕은 가장 오른쪽 열의 오른쪽 칸에 이동하면 이동을 멈춘다. 낚시왕이 오른쪽으로 한 칸 이동한다. 낚시왕이 있는 열에 있는 상어 중에서 땅과 제일 가까운 상어를 잡는다. 상어를 잡으면 격자판에서 잡은 상어가 사라진다. 상어가 이동한다. 상어는 입력으로 주어진 속도로 이동하고, 속도의 단위는.. 2020. 4. 22.
[Java][자바][백준][16234번] 인구이동 문제 설명 N×N크기의 땅이 있고, 땅은 1×1개의 칸으로 나누어져 있다. 각각의 땅에는 나라가 하나씩 존재하며, r행 c열에 있는 나라에는 A[r][c]명이 살고 있다. 인접한 나라 사이에는 국경선이 존재한다. 모든 나라는 1×1 크기이기 때문에, 모든 국경선은 정사각형 형태이다. 오늘부터 인구 이동이 시작되는 날이다. 인구 이동은 다음과 같이 진행되고, 더 이상 아래 방법에 의해 인구 이동이 없을 때까지 지속된다. 국경선을 공유하는 두 나라의 인구 차이가 L명 이상, R명 이하라면, 두 나라가 공유하는 국경선을 오늘 하루동안 연다. 위의 조건에 의해 열어야하는 국경선이 모두 열렸다면, 인구 이동을 시작한다. 국경선이 열려있어 인접한 칸만을 이용해 이동할 수 있으면, 그 나라를 오늘 하루 동안은 연합이.. 2019. 11. 28.
반응형