무소의 뿔처럼

Error : 415 Unsupported Media Type Vue 쪽에서 FormData로 board는 JSON 문자열, file은 파일로 보내고 있음Spring Boot에서는 @RequestPart를 써서 JSON과 파일을 각각 받으면 됨415 오류는 Content-Type이 multipart/form-data가 아닌 application/json으로 들어오거나, 파라미터 매핑 방식이 맞지 않을 때 발생 formData.append('board', JSON.stringify(boardObj)); if (file.value) { formData.append('file', file.value); }아래와 같이 수정formData.append('board', new Blob([JSON..

http://localhost:8080/swagger-ui/index.htmlimplementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.8.9'import org.springframework.context.annotation.Configuration;import io.swagger.v3.oas.annotations.OpenAPIDefinition;import io.swagger.v3.oas.annotations.info.Info;@Configuration@OpenAPIDefinition( info = @Info(title = "에이~피~아이", version = "1.0", description = "함 해보자~"))public clas..

v-model로 input 값과 Vue 상태를 연결@submit.prevent로 페이지 새로고침 방지axios.post()로 서버로 데이터 전송import axios from 'axios';import { ref } from 'vue';const submitForm = async () => { ... } @CrossOrigin(origins = "http://localhost:5173") 혹은 configimport org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.C..

1. useRoute현재 **라우터 정보(경로, 파라미터, 쿼리 등)**를 읽을 때 사용읽기 전용예: URL에서 :boardNo 같은 파라미터, 쿼리 스트링 등을 얻고 싶을 때 사용import { useRoute } from 'vue-router'const route = useRoute()console.log(route.params.boardNo) // URL 파라미터 읽기console.log(route.query.page) // 쿼리스트링 읽기2. useRouter라우터의 동작(이동, 뒤로가기, 앞으로가기 등) 기능을 사용할 때프로그래밍 방식으로 페이지 이동할 때 주로 사용import { useRouter } from 'vue-router'const router = useRouter()rou..

https://cdnjs.com/libraries https://cdnjs.com/libraries/jquery IE 8 이하의 브라우저까지 호환성을 고려 : v.1.12.x 이하 버전 https://cdnjs.com/libraries/jquery/1.12.4 URL 복사하여 주소창에 입력 web이 뜨면 ctrl+s로 저장. 제이쿼리 최신 버전에서 삭제된 이전 버전의 메서드 사용하기 jQuery Migrate Plugin We have created the jQuery Migrate plugin to simplify the transition from older versions of jQuery. The plugin restores deprecated features and behaviors so tha..