전체 글 (94) 썸네일형 리스트형 [JavaScript] id 추가 , 수정 , 삭제 1. id 추가 document.querySelector('.sample').id = 'test'; 추가하려는 class명을 찾아 id 명을 입력해주면, 해당 위치에 id가 추가 된다. 2. id 수정 document.querySelector('.sample').setAttribute("test", "test2"); 기존 id 명을 원하는 id 명으로 수정 한다. 3. id 삭제 document.querySelector('.sample').removeAttribute('test2'); 해당하는 class명이 존재하는 곳의 id가 삭제 된다. removeAttribute() 메서드는 하나의 속성만 제거할 수 있다. 모든 속성을 제거하고 싶다면 반복문을 이용해야 한다. 1) const cellCheck = .. [JavaScript] QuerySelector(), QuerySelectorAll() , ClassList 추가/ 삭제 1. QuerySelector() DOM에서 원하는 element를 찾기 위해서 querySelector() 를 사용한다. 파라미터로 입력받은 CSS선택자를 사용해서 element를 찾아준다. 파라미터로 입력받은 CSS 선택자로 찾은 여러개의 element 중 첫번째 element를 리턴합니다. 2. QuerySelectorAll() 사용법은 QuerySelector()와 동일하다. 차이점은 CSS선택자로 찾은 모든 element 목록을 리턴합니다. 3. ClassList 1) ClassList 추가 해당 요소의 클래스 속성값을 추가한다. 동일 클래스명이 존재하면 무시한다. const rows = document.querySelector('.sample'); rows.classList.add('test'.. [JPA] NonUniqueResultException : query did not return a unique result: 2 NonUniqueResultException : query did not return a unique result: 2 조회 값이 2개 이상인데 1개만 조회 해서 발생한 에러이다. 나는 List 로 받아놓고 Class로 담으려고 해서 발생했다. List 로 담으면 된다. [JAVA] Can not deserialize instance of '' out of START_OBJECT token Error - JSON 데이터 Map 변환 시 에러 이것도 타입 미스 에러이다. Can not deserialize instance of '' out of START_OBJECT token ObjectMapper mapper = new ObjectMapper(); Sample s = mapper.convertValue(data, Sample.class); 보통 ObjectMapper 사용 시 발생하는 에러인데, mapper.convertValue mapper.readValue 메서드 상관없이 발생한다. 타입이 달라서 발생했기 때문에. JSON 데이터 전달 하는 쪽 (프론트) 과, Entity(VO) 쪽 변수/객체 타입이 전부 일치하는지 확인하면 된다. 대부분은 List 형식인데 그냥 받아서 발생했더라. 배열 [] 인지 List 인지도 확인 하시길. 나는 .. [JAVA] HashMap Key,Value 가져오기 1. Key, Value 모두 가져올 경우 키와 값 모두 가져와야하는 경우 entrySet() 메서드 또는 forEach() 문을 사용한다. Map.Entry 인터페이스의 entrySet() 메서드를 사용한다. Map.Entry 인터페이스는 Map 객체의 키와 값을 접근할 수 있도록 해주는 getKey(), getValue() 함수가 존재한다. Map map = new HashMap(); map.put("test", 1); map.put("sample", 2); for (Map.Entry data : map.entrySet()) { System.out.println(String.format("Key (name) is: %s, Value (age) is : %s", data.getKey(), data.ge.. [JAVA] JSON Data to JAVA Class(Object) - Json 데이터 객체(VO)로 변환(파싱) 1. jackson-databind 라이브러리 추가 Maven. com.fasterxml.jackson.core jackson-databind 2.13.0 Gradle. // https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind implementation group: 'com.fasterxml.jackson.core', name: 'jackson-databind', version: '2.13.0' 2. 데이터 파싱(변환) ObjectMapper mapper = new ObjectMapper(); TestVo testVo = mapper.convertValue(data, TestVo.class); json 데이터의 변수.. [JAVA] Object 값 List 여부 확인 Object 값이 List 인지 확인 하고 싶다. Object obj = new Object(); if( obj instanceof List){ } [JAVA] Convert Object to Boolean. Object - Boolean 형변환 1. ((Boolean) Object).booleanValue(); 2. boolean bl = (Boolean) Object; 3. boolean bl = Boolean.valueOf(Object.toString()) [Spring] JAVA - formData 이용하여 여러 개의 Entity(값/객체) 전송/전달 하기 formData 로 file 뿐만 아니라 일반 Entity 객체도 여러개 전송 가능하다. 메인 Entity 에 List 로 담아서 전달하는게 편하긴 하지만 이 방법도 있다~ 하고 올려본다. Multipart/Form-data 로 객체 전송 / 전달 하기. 1. Front const Sample = async () => { const formData = new FormData(); formData.append( "info", new Blob([JSON.stringify(info)], { type: "application/json" }) ); if (list.length > 0) { list.forEach(() => formData.append( "list", new Blob([JSON.stringify(l.. [Vue.js] Vue3 데이터 중복 검사 유효성 검사와 마찬가지로 많이 사용하는 데이터 중복 검사. 간편하게 해보자. index 기준으로 중복 데이터 찾기. 이미 존재하는 이름 입니다. const checkData = (index) => { if (tableData.value.length > 1) { let dataIndex = 0; for (let data of tableData.value) { if (data.name != "" && dataIndex != index) { if (data.name == tableData.value[index].name) { return true; } } dataIndex++ } } return false; } 중복 될 때. 중복 되지 않을 때. 입력 값 기준으로 찾는거라 실시간으로 적용 된다. + 이런식으로.. 이전 1 2 3 4 5 6 7 ··· 10 다음
