1. 이벤트를 중간에 가로 챌수 있어야한다. ( 마음대로 조작 )ex) function handleResize(){console.log("haha");}window.addEventListener("resize", handleResize); 여기서 포인트!!!window.addEventListener 안에서 함수를 호출할 때, handleResize()와 handleResize로 사용하는 것은 엄연히 다르다.handleResize로 사용할 경우, resize 이벤트가 실행이 될 때, 실행하는 것handleResize()로 사용할 경우, 즉시 함수실행. 2. prompt는 더이상 쓰지않는다 ( 옛날 방식 )-> alert 같은 거 3. localStorage - 사용자 컴퓨터에 저장하는 방법 ( 정보를 변경..
바닐라(vanilla-js) JS를 공부해봅시다 - 21. 함수를 정의할 수 있어야한다. -> function 을 붙힘으로써 함수를 정의할 수 있다. 여기서 함수는 "기능"을 말한다.ex) function hello(){console.log("안녕");}hello(); ==> 안녕hello("hello my name"); ==> 안녕왜 hello() 함수안에 "hello my name"이라고 썻는데 안녕이 출력이 될까??? * 오늘의 단어는 argument (인자)ex) hello("괄호안에 쓰는 것이 인자"); 2. 함수에게 외부 데이터를 줄 수 있어야한다. ( 1번에 대한 이유도 함께 보자 ) argument는 변수와 같은 것.ex) function hello(hihihihi){console.log(..
JS Array VS Object 배열과 객체(Object)의 차이 예를들어,배열 선언은 ex) const info = ["book", "read"]; ////// Object 선언은 const info = {"book", "read"} 이라할 때, Object로 선언한 info를 console.log로 찍어보면 SyntaxError: Unexpected token 에러가 뜬다. 즉, Object를 배열처럼 {} 안에다가 "" , "" 로 선언할 수 없다는 뜻.참고로 배열은 [] 괄호로, Object는 {}로 사용한다. Object는 실제 객체를 만드는 것.ex) const info = {name:"park",gender:"male"}이렇게 변수와 값을 넣어주고 console.log(info)를 찍어보면..
JS배열 - 손쉽게 코딩하기 배열 선언에 대해 보면 const days = [];이런식으로 선언을 한다. 배열에 직접 값을 넣어서 출력해주려면 ex) days = ["mon", "tue"]; console.log(days); 를 하게되면 콘솔에는 ["mon", "tue"] 이렇게 찍히게됨. 근데 우리는 "tue" 만 찍고 싶다. 그러면 우리는 console.log(days[1]); 이렇게 찍으면 된다. 그런데 왜 days[1] days안에다가 1을 찍어??? "tue는 2번째에 있는데... 배열에서 인덱스는 0부터 시작을 하기 때문에 mon의 순서는 0번째, tue의 순서는 1번째가 된다. 만약에 days[] 안에다 321을 넣으면 days[321] => "undefined" 가 나오게 된다. * 배열에..
바닐라 JS - 순수 JavaScript우리가 라이브러리를 경험하기 전에 꼭 거쳐가야하는 중요한 스크립트- 라이브러리를 먼저 거쳐서 코딩을 하게 될 경우, 라이브러리에 극 의존하는 개발자가 될 것이라고 한다. 1. console.log가 무엇인지 알아야한다.=> 자바에서 값을 확인할 때에는 System.out.print를 사용을 하지만, JS에서는 console.log를 이용해 값을 확인한다. 2. variable이 무엇인지 알아야한다. 3. 모든 변수 선언을 한 후에 ; (세미콜론)을 해줘야 끝이난다. 3-1. 변수를 사용할 때, 생성 - 초기화 - 사용 순으로 하면 된다.ex) a = 221; ///// => a 변수를 생성하고 221로 초기화를 하였다. 4. constants가 무엇인지 알아야한다...
[JavaScript]let, const, var의 차이 기본예제 - 1 1234567let a = 1; const b = 2; a = 4; console.log(b, a);cs 위에서 let으로 생성해준 변수 a는 기존에 1로 초기화 했던것을 4로 다시 초기화 시켜줄 수 있는 반면, const 변수 b는 상수라는 개념으로 "안정된" 이라는 뜻으로 생각하면 된다.w 즉, 다른 곳에서 값을 다시 초기화 해줄 수 없다. 기본예제 - 2 1234567const a = 221; let b = a-5; a = 4; console.log(b, a);cs 2번 예제를 실행시키면 이는 아래와 같은 오류가 난다. 12TypeError: Assignment to constant variable. at https://rep..
웹상에서 코딩할 수 있는 사이트 https://repl.it/
[JSP] c:if 로 값비교하기(JSTL, EL) - 손쉽게 코딩하기우리는 보통 JSTL안에서 EL태그를 사용할때 ~~~~~~ 값들어가는 부분 이런 식으로 사용을 합니다. 근데 간혹가다select 태그안에서 선택한 option이 보여지게 하려면 어떻게 할까요.( 보통 select 옵션 값을 선택하고 submit을 하게 되면 웹은 reload가 되면서 맨 처음 option으로 바뀌게 됩니다. ) ex) 년도로 따져봅시다. 1234567891011 년도 2019 2018 2017 2016Colored by Color Scriptercs 이런 select태그가 있다고 하죠.우리는 첫번째는 년도, 두번째는 2019, 세번째는 2018이고두번째 2019를 클릭하고 submit을 하면 reload가 되기때문에 화..
[JSP] 다중 배열checkbox 실시간 check값 확인하는방법 - 개인 기록 JS에서 12345678910111213141516171819$("input:checkbox[name^='AddrVOList'][name$='.group_id']").on("change", function(){ if($(this).is(":checked")){ $(this).prop("checked", true); alert($(this).val); $("#cancelReason").hide(); } else{ $(this).prop("checked", false); alert($(this).val); $("#cancelReason").show(); } });Colored by Color Scriptercs form안에서 ..
[SQL] ibatis iterator 사용방법 - 손쉽게 코딩하기 가끔 이런 문제가 생길때가 있다. 예를들어보자. 1) checkbox가 1,2,3,4 네개 일때, 1번부터 4번까지 다 체크하고 A테이블에 insert.2) 2,3 체크해제하고 1,4번만 A테이블에 insert.3) 2번에서 2,3번은 A테이블에서 삭제되어야하고 B테이블에 들어가야한다.4) 결국에는 A테이블에는 체크되어있는 1,4번이 남고B테이블에는 체크해제된 2,3번이 들어가야한다. 이런상황이 생겼을 경우 1)번 같은 경우는 단순 jsp에서 check된 파라미터를 배열로 넘기면 Controller에서 for문으로 insert처리를 하면 된다.(물론 vo에는 check된 놈을 받을만한 list vo가 있어야겟지) sql은 insert i..
[Java]이중루프, for문 빠져나가는 방법 우리가 흔히 자바에서 for문으로 이중 루프를 돌릴때, 조건에 맞으면 나가야 할 때가 있다. 그럴때 쓰는것이 바로 break; 예를 들어서 [단일 loop] for(int i= 0; i < a.length; i ++){ system.out.println(i);} 이렇게 했을때, a.length가 3일경우012이렇게 출력이 될텐데 나는 i가 1일때 이 for문에서 빠져 나가고 싶어. 할때 break를 걸어준다 예를들면, for(int i= 0; i < a.length; i ++){if(i = 1){ system.out.println(i); break;}}이렇게 사용하면 루프를 돌면서 i가 1일때 출력하고 조건이 맞으면 그만 돌릴래~~ 라는 뜻으로 1만 출력이 ..