본문 바로가기

JAVASCRIPT

(16)
[JAVASCRIPT]JSON.parse(), JSON.stringify() ======================= JSON.parse()란? parse 메소드는 string 객체를 json 객체로 변환시켜줍니다. JSON.stringify란? stringify 메소드는 json 객체를 String 객체로 변환시켜 줍니다. Example 1) var data = { Name: "SooYoung" , Age: "27" } var person = JSON.stringify(data); var oPerson = JSON.parse(person); //output alert(person); /* Output: "{"Name":"SooYoung","Age":"29"}" */ alert(oPerson); /* Output: Object */ Example 2) function signu..
[JAVASCRIPT]JSTL을 이용하여 JAVASCRIPT에서 EL 값 받기 // java HashMap map = new HashMap(); map.put("name", "홍길동"); map.put("city", "서울"); map.put("age", 30); ArrayList list = new ArrayList(); list.add("hong@naver.com"); list.add("gil@daum.net"); list.add("dong@nate.com"); ArrayList arrayListMap = new ArrayList(); arrayListMap.add(map); HashMap lMultiData = new HashMap(); lMultiData.put("email", list); mav.addObject("list_map", arrayListMap); mav.ad..
[JAVASCRIPT] 이미지 업로드 전 미리보기 https://code.i-harness.com/ko/q/440b73
[JAVASCRIPT]함수 사용 HTML value 값 넣기(Pass a javascript variable value into input type hidden value) 자바스크립 및 제이쿼리를 이용한 다양한 방법으로 함수 리턴 값을 value 값에 넣는 방법 https://stackoverflow.com/questions/7764154/pass-a-javascript-variable-value-into-input-type-hidden-value
[JAVASCRIPT]일반함수, 인라인함수, 익명함수 여러분은 Javascript에서 함수 작성 시, 보통 어떻게 작성하시나요? 대부분 아래와 같이 작성하시지 않으시나요? function test() { // 인자와 반환값이 없는 함수 ... } function test(val1, val2) { // 인자를 받는 함수 ... } function test(val1) { // 인자도 받고, 반환값도 있는 함수 ... return result; } 함수는 일반적으로 function 키워드로 시작하여 함수명 그리고 인자 목록(입력받는 인자가 있는 경우) 그리고, 함수 몸체(실제 구현부), 마지막으로 반환값이 있는 경우 return 구문으로 마무리됩니다. 보통 일반적인 함수(function)라 함은 위와 같이 구현된 함수를 말합니다. 그러면 조금 다른 형태로 구현된..
변수 선언과 유효 범위 변수 선언과 유효범위 자바스크립트에서 변수는 값과 연관된 이름으로서, 변수를 이용하면 자바스크립트 프로그램에서 데이터를 저장하고 조작할 수 있다. 변수 선언 변수는 var 키워드로 선언한다. 동일한 var 키워드를 이용해 여러 개의 변수를 선언할 수 있으며, 변수를 선언함과 동시에 초기화할 수도 있다. 다음 예제를 보자. var x; var y = 10; var a, b, c; var i = 10, j = 10, k = 10; 변수에 초기값을 지정하지 않으면 해당 초기값은 undefined가 된다. var x; console.log(x); //undefined 자바스크립트에는 명시적인 타입이 없다 자바스크립트는 다른 자바나 C 같은 어어와 달리 명시적인 타입이 없다. 자바스크립트 변수는 어떤 자료형의 값..
[Jquery]Mask Plgin 사용 jquery mask는 form 필드나 Html elements의 형태를 표시하기 위한 jquery plugin이다. 유저 데이터를 전화번호나 우편번호와 같이 원하는 형태의 데이터를 모으기 위해서 유용하게 사용할 수 있다. Date Example Postal Code Example Phone Number Example $('input[name="date"]').mask('00/00/0000'); $('input[name="postal-code"]').mask('S0S 0S0'); $('input[name="phone-number"]').mask('(000) 000 0000'); $('input[name="postal-code"]').focusout(function() { $('input[name="pos..
Script 삽입 위치 자바스크립트 삽입방식 자바스크립트를 실행하는 방법은 문서안에 태그를 이용해 작성하거나 외부의 스크립트 파일을 링크하는 것이다. Html //코드내용 type="text/javascript" 부분은 HTML5에서는 생략할 수 있다. 문서의 어느 곳이든 스크립트 배치에 제한을 두지 않는다. 전자의 경우는 간단한 스크립트의 경우이거나 해당 문서에만 적용되는 코드들, 초기화등에 자주 사용된다. 후자의 경우는 반복사용되는 코드들을 파일별로 저장해두고 필요에 따라 링크해 사용되곤 한다. 이와 같은 방식이 코드의 가독성과 실행순서, 의존성들을 확인하기에 수월하기 때문에 추천되는 방식이다. 자바스크립트 삽입 위치 브라우저는 HTML의 구조와 CSS 스타일을 렌더링하는 도중 자바스크립트를 만나게 되면 이에 대한 해석과 ..