전체 글 240

선택자로 요소 가져오기(querySelector, querySelectorAll)

querySelector(): 선택자를 사용하여 첫 번째 일치하는 요소를 가져옵니다. querySelectorAll(): 선택자를 사용하여 모든 일치하는 요소를 가져옵니다. querySelector() querySelector() 메서드는 문서 내에서 특정 CSS 선택자에 해당하는 첫 번째 요소를 반환하는 메서드입니다. 이 메서드는 Document 객체뿐만 아니라 Element 객체에서도 사용할 수 있습니다. 다음은 querySelector() 메서드의 구문입니다: element.querySelector(selector); element: 요소의 하위 요소 중에서 선택할 요소입니다. Document 객체 또는 다른 Element 객체가 될 수 있습니다. selector: 선택할 요소의 CSS 선택자입니다..

Frontend/javaScript 2023.06.14

Java 객체 형변환 (mapper.convertValue)

자바에서 직접 형변환을 할 수 없는 경우가 있습니다. 아래는 예제입니다. @RequestMapping(value = "/convertValueTest", method = RequestMethod.POST) @ResponseBody public HashMap convertValueTest(@RequestBody Map param, HttpServletRequest request) { HashMap result = new HashMap(); try { ObjectMapper mapper = new ObjectMapper(); TestModel testModel = mapper.convertValue(param.get("testModel"), new TypeReference() {}); service.conv..

Backend/JAVA 2023.06.14

JSON.parse() 와 JSON.stringify() 파라미터

기본적으로 JSON.parse() 메서드는 JSON 문자열을 JavaScript 객체로 변환하는데 사용하고 JSON.stringify() 메서드는 JavaScript 객체를 문자열로 변환하는데 사용합니다. 보통 파라미터로 각각 변환 대상인 객체나 문자열만 넣어서 사용했는데 JSON.stringify()를 사용할 때 undefined 값은 JSON에서 지원하지 않는 값이기 때문에 변환 과정에서 제외된다는 것을 알았습니다. 그래서 undefined를 ""(공백)으로 변환 시키기 위해서 JSON.stringify()의 매개변수 중 하나인 replacer을 사용했습니다. JSON.stringify() value: 변환할 JavaScript 객체나 값입니다. 일반적으로 객체를 전달하지만, 배열, 숫자, 문자열, ..

Frontend/javaScript 2023.06.13

동등비교(==), 동일비교(===)

JavaScript에서 동등 비교(==)와 동일 비교(===)는 값의 비교를 수행하는 두 가지 비교 연산자입니다. 이 두 연산자는 값을 비교하는 방식에서 차이가 있습니다. 동등 비교 (==): 동등 비교(==)는 두 개의 피연산자가 같은 값을 가지는지를 비교합니다. 동등 비교는 값이 같은지 여부를 확인하기 전에, 필요에 따라 타입 간의 암시적인 타입 변환을 수행합니다. 이러한 타입 변환으로 인해 서로 다른 데이터 유형을 비교할 수 있습니다. 예를 들어, 숫자와 문자열을 비교하면 JavaScript는 문자열을 숫자로 변환하여 비교합니다. 10 == "10" // true true == 1 // true null == undefined // true false == "" // true 동일 비교 (===):..

Frontend/javaScript 2023.06.07

[python] 10816 숫자 카드 2 (Hash)

문제 숫자 카드는 정수 하나가 적혀져 있는 카드이다. 상근이는 숫자 카드 N개를 가지고 있다. 정수 M개가 주어졌을 때, 이 수가 적혀있는 숫자 카드를 상근이가 몇 개 가지고 있는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10,000,000보다 작거나 같다. 셋째 줄에는 M(1 ≤ M ≤ 500,000)이 주어진다. 넷째 줄에는 상근이가 몇 개 가지고 있는 숫자 카드인지 구해야 할 M개의 정수가 주어지며, 이 수는 공백으로 구분되어져 있다. 이 수도 -10,000,000보다 크거나 같고, 10,0..

[spring] @RequestParam @RequestBody 차이점

@RequestParam과 @RequestBody는 Spring Framework에서 요청 파라미터를 받는 데 사용되는 어노테이션입니다. @RequestParam 사용법: @RequestParam("paramName") 역할: URL 매개변수를 받아올 때 사용합니다. 예를 들어, ?paramName=value 형태의 URL 매개변수에서 paramName에 해당하는 값을 받아올 수 있습니다. 기본적으로는 요청의 쿼리스트링(또는 폼 데이터)에서 해당 매개변수를 찾아 값을 바인딩합니다. required 옵션을 사용하여 필수 매개변수 여부를 지정할 수 있습니다. 기본적으로는 단일 값을 받지만, List나 배열을 사용하여 여러 값을 받을 수도 있습니다. @RequestBody 사용법: @RequestBody 역할..

Backend/spring 2023.05.25

axios post 파라미터 전달 방법

axios.post() 메서드는 Axios 라이브러리를 사용하여 HTTP POST 요청을 보낼 때 사용되는 메서드입니다. axios.post(url[, data[, config]]) url: 요청을 보낼 URL 주소입니다. data (옵션): 요청의 본문에 담을 데이터입니다. 일반적으로 객체 형태로 전달됩니다. 이 매개변수는 GET 요청에서는 사용되지 않습니다. config (옵션): 요청에 대한 추가적인 설정을 담은 객체입니다. 헤더, 인증, 요청 타임아웃 등을 설정할 수 있습니다. data와 config 매개변수는 모두 선택적이므로 필요에 따라 생략할 수 있습니다. 1. params 전송 URL 매개변수로 데이터를 전달하는 방식입니다. params 속성을 사용하여 전달할 데이터를 객체 형태로 지정합니..

blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

jQuery fileDownload로 구현된 파일다운로드 기능을 jQuery를 쓰지않고 axios를 사용도록 바꾸는 과정에서 에러가 발생했다. 1. 에러난 코드 controller (JAVA) @ResponseBody @RequestMapping(value = "/downloadExcel/", method = RequestMethod.POST) public void exportComponentFile(HttpServletResponse response, @RequestParam(value = "excelData") String excelData) { //response.setHeader("Access-Control-Allow-Origin", "*"); try { excelData = URLDecoder...

error 2023.05.25