MINYA

Ajax에서 JSON배열을 컨트롤러 전송. Ajax에서 데이터를 컨트롤러로 전송하는 방법중 배열(array) 데이터를 컨트롤러로 보내서 처리해야할 때가 자주 있습니다. 단 일 데이터가 아닌 JSON형태의 그것도 배열이 담겨있다면 컨트롤러에서 데이터를 받을 때 좀 삽질할 수도 있는데 삽질을 최대한 줄여보도록 하겠습니다. 데이터 전달하기 (Ajax -> controller) 아래와 같이 여러멤버의 정보가 담겨있는 JSON 배열을 JSON.stringify 을 이용하여 넘겨주시면 됩니다. 배열을 전송할 때는 Ajax 옵션중 "traditional: true" 로 꼭 설정해두고 넘겨야 합니다. function insertMemberInfo() { let getMemberInfo = [ { memberNo: 1,..

input 태그에 에 JSON으로 데이터 전달 input 태그를 사용하다 보면 value 값으로 데이터를 한 번에 여러개를 전달하는 일이 생깁니다. 그냥 일차원 적으로 value="값1, 값2, 값3" 이렇게 생각을 할 수도 있는데, 이렇게 코딩을 하면 value 값을 자바스크립트로 뽑아낼 수는 있으나.. 비효율적인 코딩 입니다. 한 번에 여러 데이터를 전달하고 싶다면, Key : Value 로 이루어진 오브젝트 형인 JSON 형태로 전달을 하는게 깔끔합니다. JSON JSON은 Key : Value 로 구성하여 만듭니다. { key1 : value1, key2 : value2, key3 : value3, key4 : value4, key5 : value5 } JSON 데이터 전달하기 let jsonTe..

.not() .not()은 제이쿼리로 선택한 선택자(요소)들 중에서, 특정 선택자(요소)만을 제외하는 함수입니다. 자주 사용되는 함수는 아니지만 종종 필요한 경우가 있더라구요. html 클릭해보아요 1 2 3 4 5 6 7 8 9 10 SCRIPT $('button').click( function() { $('li').not('li.none').css('color', 'red'); });

JSTL을 사용하여 select box 값 고정하기 뷰 페이지 (jsp 페이지)를 개발하다 보면 셀렉트박스(select box)를 자주 사용합니다. 셀렉트박스(select box)를 선택하여 화면 이동시 리로딩(새로고침) 되는 페이지를 개발하다보면 리로딩 되어도 선택한 셀렉트박스(select box)의 값(value)이 고정되게 만들어야 할 때가 있습니다. 위의 이미지 처럼 선택한 값이 다시 고정되게 만드려면 뷰 -> 컨트롤러 -> 뷰 (view -> controller -> view) 로 선택한 값을 넘겨주고, 컨트롤러로 부터 뷰 페이지로 넘겨받은 값을 다시 자바스크립트,제이쿼리 또는 JSTL을 사용하여 고정시켜주면 됩니다. HTML 해지 진행 완료 jQuery 뷰에서 보낸 test 값을 컨트롤러에서 ..

MyBatis Dynamic(동적) SQL 에러 org.apache.ibatis.ognl.ExpressionSyntaxException: Malformed OGNL expression 스프링으로 코딩중 XML 매퍼에서 MyBatis Dynamic(동적) SQL 작성시 잘못된 구문이나, 오류가 있을 때 발생하였습니다. ... ... 위와 같은 코드가 있다면, 실행시 아래와 같은 에러가 납니다. org.springframework.web.util.NestedServletException: Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.iba..

https://m-veloper.github.io/tip/2020/07/01/tip-java-09/ 자주 쓰는 메소드 정리 LocalDate : [ 년,월,일 ]과 같은 날짜만 표현 LocalTime : [시,분,초]와 같이 시간만 표현 LocalDateTime : [ 년,월,일,시,분,초 ]를 표현 Period : 두 날짜 사이의 [년,월,일]로 표현 Duration : 두 시간 사이의 [ 일,시,분,초 ]로 표현되는 기간 (Instant 클래스를 사용하고, seconds와 nanoseconds로 측정 되지만 [ 일,시,분,초 ]로 변환해 주는 메쏘드를 제공 ChronoUnit : 한가지의 단위를 표현하기 위한 클래스 [ 년,월,일,시,분,초 등 ] 날짜 가져오기 LocalDate.now(); // 오..

https://m-veloper.github.io/tip/2020/06/30/tip-java-08/ java.time Java 1.8 (자바 8) 이전에서는 보통 Calendar를 사용하고, Date/long/String 으로 변환후 사용하는 방법을 많이 사용함. Java 1.8 (자바 8) 후에는 LocalDate, LocalTime, LocalDateTime 등이 추가되어 날짜, 시간관련하여 코드를 짜기가 더 쉬워짐 날짜와 시간 객체 생성 날짜 - LocalDate LocalDate currentDate = LocalDate.now(); // 컴퓨터의 현재 날짜 정보를 저장한 LocalDate 객체를 리턴한다. LocalDate targetDate = LocalDate.of(int year, int ..

테이블 헤드 고정 바디 스크롤 테이블을 만들면서 데이터 리스트들을 뿌려줄때 페이징 처리가 아니라, 스크롤 형태의 테이블을 만들고 싶은데, 일반적으로 만들면 테이블 전체에 스크롤이 적용됩니다. 아래의 방법으로 만들면 헤드부분은 고정되며 리스트로 뿌려진 데이터들만 스크롤이 적용됩니다. 모든 브라우저 공통 작동하는 코드 단점이라면 css 코드가 길어진다는 단점 CSS HTML Table Header 1 Table Header 2 Table Header 3 Data1111111111111111111111111 Data Data Data Data2222222222222222222222222 Data Data Data Data3333333333333333333333333 Data Data Data Data Data..

툴팁(tooltip), title 태그(속성) 줄바꿈, 개행 처리 툴팁을 사용하다보면 내용이 길어져서 줄바꿈을 해야할 때가 있습니다. 그럴 때 간단하게 해결할 수 있는 방법이 있습니다. HTML NUMBER CODE 를 사용하여 줄바꿈 처리하기 이렇게 작성하면 됩니다. 마우스 올리기 마우스 올리기

비교 연산 (eq, ne, empty) jstl 사용시 eq, ne, empty 로 비교 연산 하는 방법을 알아봅니다. eq, equal( == ) eq 는 equal, == 라는 의미 ne , not equal( != ) ne 는 not equal, != 라는 의미입니다 empty list, map등의 객체가 값의 유무를 체크합니다. // 비어있다면 // 비어있지 않다면