Javascript10 [JAVASCRIPT] 선언되지 않은 변수 처리하기(try ~ catch) 여러개의 jsp에서 공통으로 사용하는 js파일이 있는 경우(ex : editor) A.jsp에 temp1이라는 변수가 선언되어 있지만 B.jsp에서는 선언되어있지 않을때, 공통 js 에서 아래와 같이 처리하려고 하면 B에서 undefined 가 발생한다. if(temp == 'Y') { var tempChk = true; } temp라는 값을 찾지 못하기 때문이다. 다음과 같은 상황에서 B에서도 에러가 발생하지 않기 위해서는 try ~ catch를 사용하면 된다. try { if(temp == 'Y') { var tempChk = true; } else { var tempChk = false; } } catch(exception) { var tempChk = false; } 위와 같이 처리하면, A에서는.. 2023. 5. 1. Javascript - window 객체 window 객체 1. window 객체 1) 페이지(브라우저 창)에서 사용하는 최상위 객체 2) window객체는 브라우저가 제공하는 모든 정보를 전부 가지고 있음 3) 페이지에서 사용 할 수 있는 다양한 기능(함수) 보유 -> 알람, 입력, 창의크기/위치 조정, 시간 간격을 두고 로직을 실행하는 함수, 새 창을 여는 함수 등... 2. window 함수 1) [window.]open(url, name, specs, replace); : 새 창을 여는 함수 - url : 새 창을 열었을 때 open할 주소 - name : 새로 열릴 창의 이름 또는 속성 설정 _blank 새 창에 열림. default값 _parent 부모 프레임에 열림. _self 현재 페이지를 대체 _top 로드된 프레임셋을 대체 -.. 2021. 12. 8. Javascript - 화살표 함수 화살표 함수 1. 화살표 함수 : ES6에서 새로 적용한, 기존의 함수 선언을 간편하게 작성할 수 있는 함수 선언 방법 const func = function(arg1, arg2, ...) { return 반환할 내용; }; 기존에 이렇게 작성하던 함수를 const func = (arg1, arg2, ...) => 함수 내용 이렇게 작성 할 수 있다. ✔ 선언방법은 const 변수명 =([매개변수, 매개변수...])=>{ // 내용 } 작성 예시) const arrowFuncTest=()=>{ console.log("화살표 함수 test"); } * 만약 인수가 하나밖에 없다면 ()를 생략 할 수 있다. const test = n => n * 2; alert( test(3) ); // 6 2021. 12. 8. Javascript - 함수 Javascript - 함수 1. 선언적 함수 1) 함수명이 명시되어 있는 함수 2) funcition 함수명([매개변수, 매개변수...]) { 처리로직 }; 3) 선언된 이름을 이용하여 함수 호출이 가능 4) 중복명칭으로 작성하면 나중에 작성한 함수로 덮어씌워진다. 2. 익명 함수 1) 함수명 없이 선언하는 함수 2) 익명함수는 변수에 저장해서 활용하거나, 매개변수로 전달할 때 사용 3) 변수에 대입하거나 매개변수로 대입하지 않으면 사용이 불가능! const annoBasic = function() { console.log("익명함수 선언하기!"); } annoBasic(); 3. 매개변수로 함수 전달하기 -> 이벤트를 처리하거나, 기본 내장함수들에 많이 적용되어있다. 1 2 3 2021. 12. 8. Javascript - String , Number 함수 String 함수 1. 영문자를 대문자, 소문자로 변경해주는 함수 1) toUpperCase() : 대문자로 변경 consol.log("abc".toUpperCase()); // ABC 2) toLowerCase() : 소문자로 변경 consol.log("ABC".toLowerCase()); // abc 2. 문자열의 길이를 확인하는 함수 : length console.log("abcde".length); // 5 3. 문자열에서 특정 문자의 인덱스 번호를 찾는 함수 : indexOf() 👏 뒤에서 부터 찾을 때는?? lastIndexOf() console.log("abcedf".indexOf("c")); // 3 4. 문자열에서 특정문자를 잘라내는 함수 : substring(시작 index[, 끝 in.. 2021. 12. 7. JAVASCRIPT - 배열 배열 1. javascript의 배열 → javascript의 배열은 java의 ArrayList와 유사하다. 1) 여러 자료형을 보관할 수 있다. 2) 길이 제한이 없다. → 자동으로 길이가 증가된다. 3) 인덱스, 함수로 데이터관리(입력, 삭제 정렬 등)이 가능하다. → DB에서 가져온 데이터(row)를 객체배열로 저장할 때 사용. → 다수의 Element(태그)를 가져올 때 저장방식으로 사용. 2. 배열의 선언 3. 배열 데이터 전체 순회하기 4. 배열의 각 데이터에 접근하기 → [index] 사용 배열객체 함수 1. indexof() : 배열에서 매개변수와 일치하는 요소를 찾아서 그 인덱스를 리턴 2. concat() : 두개 이상의 배열을 합쳐주는 함수 3. join() : 배열을 특정 구분자로.. 2021. 11. 25. 이전 1 2 다음
