바닐라(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..
[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안에서 ..
[jQuery] document.ready() - DOM 순서 우리가 jquery를 쓸때 제일 처음에 써주는 $(document).ready(function(){}); 이것은 $(function(){}); 이렇게 줄여서 사용할 수 있습니다. 이 그림을 먼저 보시죠 위에서 아래로 내려오는 순서입니다.브라우저가 웹문서를 읽기 시작하면DOM이 생성됩니다. 여기서 DOM이란,Document Object Model - 문서 객체 모델 문서는 HTML과 XML과 같은 것들을 문서라 하고이러한 문서를 구조적으로 표현하는 방식을 제공하는 것이 DOM이라고 합니다. w3school에서 제공하는 HTML DOM Tree 구조를 보면 출처 : https://www.w3schools.com/js/js_htmldom.asp 이..
[CSS&JSP] zoom 사용하기화면을 크게 보고 싶거나 작게 보고싶을때 우리는 웹화면크기를 늘렸다 줄였다하는 기능을 구현해야한다.(당연한 소리!!) 물론'Ctrl' + '+' 나 'Ctrl' + '-' 를 사용해서 화면을 키웟다 줄였다 하면 정말 편하다. 하지만 우리는 고객의 기능을 만들어 줘야하는 입장이라 alert으로 alert("확대는 Ctrl + +를 눌러주세요"); 라고 할 수도 없는 판...이랬다간 바로 수정요청이 들어올 것 이다ㅋㅋㅋㅋㅋㅋㅋ 뒷 말 안나오게 쉽게 화면 zoom 기능을 구현해보자내가 화면 확대하고 줄이고 싶은 부분에 태그로 감싸서 영역을 만들어 준다던지 태그 밑에 태그로 감싸던지 자신의 취향껏 영역을 만들어준다. 내가 한 방식은 section 태그 밑에 div로 ul태그를 ..
JSP 표준 액션 태그-> jsp에서 기본으로 제공하는 태그 : jsp에서 다른페이지로 이동할 때 쓰는 태그 : 다른 페이지를 현재페이지에 포함할 때 쓰는 태그 : jsp에서 파라미터 변수를 지정하여 사용하기 위한 태그 주로 forward, include, param을 제일 많이 쓴다. 참고 : https://opentutorials.org/module/3569/21234
자바 스크립트1. eval() 함수 eval(String) 구문.return 값은 주어진 코드를 평가하여 얻은 값, 값이 없으면 undefined를 반환한다. 예시를 보면, console.log(eval('2 + 2'));// expected output: 4console.log(eval(new String('2 + 2'))); // 이것은 "2+2"를 포함한 String 객체를 반환한다. 즉 값이 String ( '2' + '+' + '2' )// expected output: 2 + 2console.log(eval('2 + 2') === eval('4'));// expected output: trueconsole.log(eval('2 + 2') === eval(new String('2 + 2')));..