본문 바로가기

WEB

(32)
[jquery/js] input checkbox name값, value 값으로 체크하기 체크박스를 만들면 여러개의 값을 저장해야한다. name은 같고 value만 다르게 하면 배열로 쉽게 값을 저장할 수 있어 자주 사용하는 방식이다. 그런데 이렇게 value로 저장된 값을 불러오려면 좀 난감해진다. jquery로 id, name, class만 접근 가능한 것으로 알고 있었기 때문이다. 하지만 name, value를 동시에 쓰면 value값으로도 체크박스를 체크해줄 수 있다. (값이 같은 경우가 있기때문에^^) (prop으로 checked true 설정해주기) $("input[name="+name+"][value="+item+"]").prop("checked",true);
[Mybatis] resultType string 결과 값 받기 쿼리 결과값이 하나의 문자열인 경우 굳이 hashmap으로 리턴할 필요 없이 resultType을 string으로 설정해주면 된다. 하지만.. 삽질을 했으니 블로그 글을 쓰는 것이다. 만약 string으로만 설정한다면 쿼리 결과가 나오기는 하나 java내에서 변수에 리턴되지는 않을 것이다. 이유는!! 쿼리 결과값이 하나의 문자열인 경우라도 그 문자열은 컬럼값을 가지고 있다. 이 컬럼값을 지정해주지 않는다면 java 소스 내에서 결과값을 읽어오지 못하게 된다. .... 쿼리에 alias로 java 소스내의 변수와 이름을 맞춰주던지 아니면 변수를 쿼리 리턴 컬럼값으로 지정해주어야 한다. 그럼 값을 제대로 읽어온다!
mybatis 에서 파라미터로 배열 사용하기 인수의 형태가 정해진 반복적인 작업을 할 때 mybatis에서 foreach 구문을 사용하여 반복문으로 처리가 가능하다. 아래 코드와 같이 list 또는 array형으로 받은 인수를 JAVA 코드 ModelAndView mv = new ModelAndView(); ArrayList names = new ArrayList(); names.add("홍길동"); names.add("홍길순"); names.add("김영희"); names.add("김철수"); names.add("단미"); mv.addObject("names", names); mybatis구현체인 xml에서 foreach문을 사용하여 처리할 수 있다. XML -- 경력 -- 경력무관 name = #{type} and test = "ddd" col..
JSTL 연산자 총정리 ( JAVA vs JSTL ) JAVA 연산자는 외워지는데 이상하게 JSTL 연산자 쓰려고 하면 기억이 안나서 정리한 JSTL 연산자! 자주 쓰는 JAVA 와 비교했다! JAVA JSTL == eq != ne gt = ge && && and and || || or or ! ! not not
본인이 아닌 경우 일회성 alert 띄우기 - 상황 요약 공개/비공개 게시글 리스트가 있고 게시글 제목을 클릭하면 로그인 페이지가 뜨는데 로그인 후 본인이 아닌경우 리스트 페이지로 이동후에 alert메시지를 띄워야 함. 하지만 인증 페이지(jsp)를 거쳐야 하기 때문에 RedirectAttributes를 사용할 수 없음 - 해결방법 ModelAndView 객체에 addObject로 객체 추가 ... 후에 본인 아닌 경우의 메시지 추가한 후 var msg = ''; 페이지 로딩시 메시지 확인해준 뒤 새로고침해주면 된다 ^^.. 이것때문에 몇시간을 삽질했던가.. $(document).ready(function(){ if ("NOTEQUAL".equals(msg)) { let text = "본인 글이 아님니다"; if(confirm(text)){ lo..
jquery queryselector 연산자 var id = "boardgo" + seq;​ 저렇게 변수로 넣고싶은 것들은 하나의 변수로 바꾼다음에 $('#'+id); 요런식으로 해줘야 jquery 가 먹힌다..^^ $('#boardgo"+seq)
[ javaScript / ES6 ] Array Destructing ES6 부터 새롭게 생겨난 배열 destructing에 대해 알아보자. - 배열에 변수 할당하기 배열에 있는 값을 새로운 변수에 할당하고 싶을 때 배열처럼 선언하면 간단해진다. let kors = [10, 20, 30]; let [eng,math] = kors; //eng:10, math:20 let [,eng, math] = kors; // eng:20, math:30 - 순서 재배열 변수에 선언된 값의 서로 바꾸고 싶다? 그렇다면 배열을 이용하면 쉬워진다! let x = 10; let y = 20; let z = 30; [y, z, x] = [x, y, z]; //y : 10, z : 20, x: 30 - 기본값 주기 할당할 변수 이외에도 추가 선언할 변수가 있다면 기본값을 주면 된다! let exa..
1. 리액트의 이해 리액트는 어떤 데이터가 변할 때마다 어떤 변화를 줄 지 고민하는 것이 아닌 그냥 기존 뷰를 날려버리고 처음부터 새로 렌더링하는 방식을 사용한다. 하지만 DOM은 느릴뿐더러 CPU 점유율도 늘어날 것이다. 리액트는 어떤 방식으로 이 과정을 빠르게 수행할 수 있을까? - 리액트의 이해 리액트는 오직 V (view)만 신경쓰는 라이브러리 입니다. 리액트 내에서 특정 부분이 어떻게 생길지 정하는 선언체를 컴포넌트라고 합니다. ( 컴포넌트 : 재사용이 가능한 API로 수많은 기능들을 내장, 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의함 ) - 초기 렌더링과 리렌더링 리액트는 컴포넌트가 최초로 실행한 초기 렌더링과 컴포넌트의 데이터 변경으로 다시 실행되는 리렌더링 이 존재합니다. 초기 렌더링 초기 ..