본문 바로가기

javascript24

[자바스크립트 코딩] 자바스크립트 배열 초기화 ■ 자바스크립트 배열 초기화하기 안녕하세요. 제임스 입니다. 이번에는 자바스크립트에서 배열 초기화 하는 방법에 대해 알아 보겠습니다. var arr = [1, 2, 3, 4, 5];위와 같은 배열이 있을때 이 배열을 console log 로 찍어보면 아래와 같이 나옵니다. console.log('array = '+arr);결과 값 : array = [1, 2, 3, 4, 5] 이제 이 값을 어떻게 초기화 하는가 하는 것에 대해 알아 보겠습니다. ■ 첫번째 방법Array.prototype.pop() 함수를 사용하여 for loop 을 돌리면서 배열안의 값들을 빼내는 방법입니다. var arr = [1, 2, 3, 4, 5]; for (var i = arr.length; i > 0; i--){ arr.pop.. 2017. 8. 31.
[자바스크립트 코딩] 자바스크립트로 다른 URL 호출하기 ■ 자바스크립트를 이용하여 다른 URL 로 화면 이동하기 자바스크립트로 다른 URL 호출하는 방법은 여러가지가 있습니다. 자바스크립트에서는 window.location 또는 간단하게 location 오브젝트를 이용하여 현재 웹페이지의 정보를 가져오거나 수정하는데 사용합니다. 수정한다는 이야기는 현재 페이지에 보여지는 URL 을 변경 하는 것도 포함됩니다. 그래서 우리는 다른 페이지로 이동 시킬때 window.location 또는 location object 를 이용합니다. 아래는 다른 URL 로 이동시키는 방법입니다.window.location = "https://www.james_redirectUrl.com"; window.location.href = "https://www.james_redirectU.. 2017. 8. 28.
자바스크립트 URL 인코딩 일전에 자바스크립트에서 URL 인코딩 관련 내용을 포스팅한 적이 있습니다. http://jamesdreaming.tistory.com/2(위 URL 참조) 언급하지 않은 내용중 escape() 함수가 있습니다. 실질적으로 많이 쓰는 인코딩 및 디코딩 함수는 아래와 같습니다. escape(URI) unescape(escapedURI) encodeURI(URI) decodeURI(encodedURI) encodeURIComponent(URI) decodeURIComponent(encodeURI) 각각의 함수는 인코딩하는 정도의 차이가 있는데요. 그 차이점은 아래과 같습니다. escape(URI)- 영문 알파벳과 숫자, 일부 특수 문자(@, *, -, _, +, / 등등)을 제외하고 모두 인코딩- 1바이트 문.. 2017. 7. 24.
자바스크립트 뒤로가기, javascript:history.back() 자바스크립트(javascript)를 이용하면 현재 화면에서 뒤로가기, 앞으로가기, 앞뒤 원하는 칸만큼 이동하기, 화면 리로드 하기 등등의 기능을 사용할 수 있습니다. 이를 가능하게 하는 것이 바로 javascript 의 History Object 입니다. History Object 는 웹 브라우저 상에서 사용자가 방문한 URL 정보를 가지고 있습니다. History Object 는 Window Object의 한 부분으로 window.history 속성을 통해 접근 가능합니다. 여기서 window. 은 생략되어도 무관합니다. ■ 뒤로가기 뒤로가기window.history.back(); 함수 사용 위와 같이 a tag 의 href 속성에 바로 history.back() 호출 하는 방법도 있지만 아래와 같이 .. 2017. 7. 20.
javascript class 명 추가/삭제 웹 페이지 개발 중 특정 HTML 요소에 onClick 이벤트를 발생 시 이미지 변경 또는 특정 효과를 주기 위해 class 를 추가 제거 하는 상황들이 많이 발생하게 됩니다. 물론 큰 사이트 개발이나 유지 보수를 하는 경우라면 개발자 입장에서는 위와 같은 경우를 컨트롤 할 필요가 거의 없습니다. UI / UX 개발 담당자들 또는 퍼블리셔들이 이미 해당 HTML 요소(Check box, Radio box 등등)의 click 이벤트에 대해 처리를 해두었기 때문입니다. 하지만 소규모 프로젝트에서 일반적으로 퍼블을 전달 받았을때 스크립트 적용은 되어 있지 않은 경우가 거의 대부분입니다. 그렇다면 HTML 요소의 class 변경을 어떻게 해야 할까요? 위 코드는 간단한 체크 박스를 표기 합니다. 기본 check.. 2017. 7. 18.
자바스크립트(javascript)에서 URL 인코딩 Front End 개발 중 자주 대면하게 되는 문제점중 하나가 한글 인코딩 문제이다.한글을 그대로 파싱 할 경우 오류가 발생하게 되는데 이를 해결하는 방법은 아래와 같다. http://www.mywebpage.com/한글.jsp 위와 같이 한글이 포함된 URL 이 있다고 가정했을 경우 URL 인코딩을 하게 되면 http://www.mywebpage.com/%ED%95%9C%EA%B8%80.jsp위와 같이 이스케이프 처리 되며 이를 받는 쪽에서는 decode 처리 하여 처음 원했던 URL 을 획득할 수 있다. 인터넷에서 URL 처리는 ASCII 캐릭터 셋으로만 처리되는데 한글을 ASCII 코드로 변환할 필요가 있음으로 URL 인코딩을 하게 된다. 처리 방법은 아래와 같다. ▶ 한글 인코딩 > encodeU.. 2017. 1. 25.
반응형