ssunsband

지난번 포스팅에서 IE에서 window.open 시 문제점을 작성했습니다. -> ssunsband.tistory.com/88대부분의 문제가 해결됐지만 아래처럼 소스를 작성 했을 경우 windPop 변수에 값이 계속 'null'인 문제가 해결되지 않았었습니다.12345678910111213141516171819202122232425262728NaverGoogle var winPop;function fnOpenPop(divideParam){var url = ""; if(divideParam === "A") { url = "http://www.naver.com"; }else { url = "http://www.google.co.kr"; } if(!winPop || (winPop && winPop.closed)..

자바스크립트 Array 객체 함수 (1)에 이어서 나머지 메소드들도 살펴보겠습니다.이젠 포스팅은 여기를 클릭 -> 자바스크립트 Array 객체 함수 (1) 해서 보시면 됩니다. 1편에서는 데이터 삽입과 삭제 메소드를 확인했습니다.2편에서는 데이터를 이용한 반복을 통해 여러가지 작업을 수행하는 메소드를 확인해 보겠습니다.데이터 삽입과 삭제를 위한 메소드를 제외한 map, filter, reduce, every, some, find 과 같은 메소드들은 Array의 데이터의 수만큼(length) 반복하면서 작업을 수행합니다. 이 작업을 위해서 함수(function)을 인자로 받죠.여담이지만 이게 참 어려운거 같습니다. 보통 자바스크립트를 접하시고 공부하시는 분들이 웹을 하시는 분들인데 또이런분들은 자바를 기본..

Javascript 문법중에서 사용빈도가 가장 높은 축에 드는 객체입니다. 굉장히 유연해서 사용하기가 편리하다는게 크게 작용하지 않을까 합니다.Javascript Array에는 많은 메소드들이 있는데 하나씩 알아보려고 합니다. 12345678910111213141516171819202122232425var aCarMakers = ["Benz", "BMW", "Audi"];console.log(aCarMakers); // 맨 끝에 item 추가aCarMakers.push("Honda");console.log(aCarMakers); // 해당 텍스트를 기준으로 String 변화console.log(aCarMakers.join(" # ")); // 맨 끝에 item 삭제aCarMakers.pop();conso..

자바스크립트에서 문자를 사용할 때 String(문자형) 객체보다는 리터럴을 사용하는 경우가 대부분이다.12345// 리터럴 사용var sText = "Hello, World"; // String 객체 사용var sText2 = new String("Hello, World"); 개발자 도구로 생성된 모양을 보면 두가지 경우가 다른것을 볼 수 있다. 하지만 리터럴로 생성을 하더라도 객체생성과 동일하게 메소드를 사용할 수 있다. 12sText.length -> 12sText[0] -> "H" 주요 메소드의 사용법과 결과값은 아래와 같다. 참고사이트12https://www.w3schools.com/Jsref/jsref_obj_string.asphttps://www.w3schools.com/Jsref/jsref_..

자바스크립트를 사용하여 현재 페이지를 새로고침하려고 할 때는 location 객체의 reload 메소드를 사용하면 된다 .12location.reload();window.location.reload(); 위의 표현식 둘다 실행된다. 그 이유는 location 객체가 window 객체에 속해있기 때문에 원칙적으로는 아래와 같이 표현해 주는게 맞지만 window 객체 자체가 최상의 전역객체이기 때문에 보통은 생략에서 사용한다. 그렇기 때문에위의 표현식도 맞는 표현식이다. w3schools 에는 이렇게 표현해 주고 있다. 123456789The reload() method is used to reload the current document.The reload() method does the same as t..

FormData API를 사용하여 데이터 전송 시 데이터에 파일이 있을 경우 프로퍼티를 정확하게 설정해야 파일이 제대로 전송된다. 123456789101112131415161718$.ajax({ type : "POST", url : "서블릿 URL", data : formData, processData: false, // 반드시 작성 contentType: false, // 반드시 작성 success : function(data) { if(data.result){ alert("Success"); }else{ alert(data.result); } }, err : function(err) { alert(err.status); }}); processData와 contentType을 선언하고 둘다 false로..

JavaScript의 표준, 내장(built-in) 객체 중 Number의 속성 및 메서드를 정리하려고 한다.(Number는 다른 래퍼객체에 비해서 특별히 사용할만한 메소드나 속성이 없어서 기존에 가지고 있던 의문점이나 브라우저별 특이사항을 기록하려고 한다.) 설명 12345자바스크립트 Number 객체는 숫자값으로 작업할 수 있게 해주는 래퍼객체입니다. Number 객체는 Number() 생성자를 사용하여 만들어집니다. Number 객체는 생성자를 사용해 만듭니다. new Number(value); 이라고 모질라 개발자 사이트에 나와있는데 실제로는 이러한 방법으로 얼마나 사용하는지 의문스럽다.보통은 숫자 리터럴로 사용하지 않나? 그리고 하나 더모질라 개발자 사이트에는 분명 Number.parseInt(..

JavaScript의 표준, 내장(built-in) 객체 중 Date의 속성 및 메서드를 정리하려고 한다. 설명 12345678910111213141516만일 아무런 전달값도 없다면, 생성자는 Date 객체가 로컬 시간에 따른 현재 날짜와 시간값을 가지도록 합니다. 만약 전달값 중 일부만 있다면, 나머지 빠진 전달값들은 모두 0이 됩니다. 모든 전달값을 제공하려면 최소한 연도, 월, 일은 포함해야 하며, 시, 분, 초 그리고 밀리초는 생략할 수 있습니다. 날짜는 1970년 1월 1일 0시 (UTC) 부터 밀리초 단위로 측정됩니다. 하루는 86,400,000 밀리초입니다. Date 객체는 1970년 1월 1일 (UTC) 을 기준으로 -100,000,000 일부터 100,000,000일까지의 값을 가질 수 ..

JavaScript의 표준, 내장(built-in) 객체 중 Math의 속성 및 메서드를 정리하려고 한다. 설명 12345다른 전역 객체들과 달리, Math는 생성자가 아니다. Math 객체의 모든 프로퍼티와 메서드는 정적(static) 하다. 당신은 Math.PI로 상수 파이 값을 참조할 수 있고 x라는 메소드 인자로 Math.sin(x)를 호출해 싸인 함수값을 얻을 수 있다. 지바스크립트에서 상수들은 완전 정밀도(full precision)의 실수로 정의되어 있다. 여기서 생성자가 아니고 정적이라고 설명한 이유는 new 키워드로 인스턴스를 생성하지 않아도 사용할 수 있다는 얘기다.예를 들면 아래와 같다. 1234567// new 키워드를 사용해서 인스턴스 객체 생성(생성자 호출)var oToday =..

window.open 문법은 아래와 같다. 1window.open(URL, name, specs, replace) 여기에서 두번째 파라미터인 'name'을 동일하게 줄 경우 이미 열려져 있는 팝업창에서 동일한 'name'을 찾아서 해당 URL을 열어준다. 찾는 'name'이 없다거나 동일하게 주지 않았거나 빈값("")으로 셋팅할 경우 새창으로 열린다. 세번째 파라미터인 'specs'을 입력하지 않을 경우에는 'name'에 상관없이 Tab으로 열린다. 문제는 동일한 'name'을 세팅했는데도 불구하고 새창으로 열리는 경우가 있다는 것이다.어떤글을 보면 버그라고 하고 어떤글은 크로스도메인 때문에 그렇다고 하는데 어느게 맞는건지 Microsoft 사이트에서 뒤져도 정확한 원인을 찾지 못했다.ㅜㅜ(정확하게 알고..