모듈과 네임스페이스 개념 

* 개요

: 모듈이라 하면 라이브러리의 기본 단위가 될 것이다. 여러 개의 모듈들이 모여서 하나의 라이브러리를 이루는 것이 기본이고 간단한 라이브러리인 경우는 하나의 모듈이 하나의 라이브러리를 이루고 있을 것이다. 예를 들자면, Javascript의 common 라이브러리에서 String이나 Array 이러한 것들이 하나하나의 모듈이 되는 것이다. 

모듈을 사용하는 이유는 재사용을 편하게 하기 위해 


: 그리고 네임스페이스는 이러한 모듈을 보관하는 저장소라고 보는 것이 좋다. C언어의 네밍스페이스나 자바의 패키지와 같은 개념으로 보면 된다. 같은 이름의 모듈을 구분해주기 위해 다른 네임스페이스를 사용하면 된다.


Posted by 이상욱1
,

컴퓨터에서 인코딩(Encoding) 디코딩(Decoding)이란 말은 여러 가지 의미로서 사용됩니다.

그러나 어떤 경우든, 인코딩이란 정보를 부호화/암호화시킨다, 디코딩은 그 부호화/암호화를 해제한다는 뜻을 가집니다.


텍스트 인코딩


컴퓨터는 모든 글자에 하나씩 일련 번호를 매겨서 인식합니다. 이것을 인코딩(Character Encoding)이라고 합니다. 그런데 각 언어별로 번호 체계가 다릅니다. 가령 한글 윈도우의 메모장으로는 "한글 완성형 텍스트 파일"을 읽을 수 있습니다. 그러나 "일본어 Shift-JIS 텍스트"는 읽을 수가 없습니다. 메모장이 일본어 인코딩을 인식하지 못하기 때문입니다.



멀티미디어


가령 wav 또는 avi 파일을, 압축률이 높은 형식인 mp3 / mpg 등의 포맷으로 변환하는 작업을 인코딩이라고 합니다.



인터넷 주소 (URL) 등에서


만약 이렇게
http://www.foo.com/신작 소설^^;.html
한글/공백/특수기호가 들어가면 문제가 생깁니다. 그래서 위의 주소를 다음과 같이
http://www.foo.com/%EC%8B%A0%EC%9E%91%20%EC%86%8C%EC%84%A4%5E%5E;.html
이렇게 바꾸는 작업을 또한 인코딩이라고 합니다. (▶▶ JavaScript Tools: Decode/Encode URI Strings 참조)

http://mwultong.blogspot.com/2006/08/qna-encoding-decoding.html

Posted by 이상욱1
,

자바 스크립트 url  decode   글 깨짐 해결  

%E3%83%8D%E3%83%83%E3%  이런식으로 해당 url 이 깨지는경우 있다 

decodeURI(window.location.pathname);  

위소스를 치면 현재 보는 페이지의 com다음 url  주소가 안깨진 주소로 확인해볼수있을것이다 .




http://mwultong.blogspot.com/2006/10/encodeuri-encodeuricomponent-escape.html


자바스크립트(JavaScript)에서는 다음의 함수들로, HTML 페이지 주소를 인코딩/디코딩합니다.

encodeURI() / decodeURI()
최소한의 문자만 인코딩합니다.
; / ? : @ & = + $ , - _ . ! ~ * ' ( ) #
이런 문자는 인코딩하지 않습니다.
http:// ... 등은 그대로 나옵니다.


encodeURIComponent() / decodeURIComponent()
알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다.
http:// ... 가 http%3A%2F%2F 로 됩니다.



escape() / unescape()
예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.


encodeURI, encodeURIComponent, escape 함수 사용 예제


<html>

<body>

<script type="text/javascript">
  var s;

  s = encodeURI('http://www.google.co.kr/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: http://www.google.co.kr/%EC%86%8C%20%EC%84%A4.html


  s = encodeURIComponent('http://www.google.co.kr/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: http%3A%2F%2Fwww.google.co.kr%2F%EC%86%8C%20%EC%84%A4.html


  s = escape('http://www.google.co.kr/소 설.html');
  document.write('<p>' + s + '<p>');
  // 출력 결과: http%3A//www.google.co.kr/%uC18C%20%uC124.html
</script>

</body>
</html>


'javascript' 카테고리의 다른 글

모듈과 네임스페이스 개념  (0) 2015.10.21
인코딩 디코딩 설명  (0) 2015.10.20
자바스크립트 string check  (0) 2015.10.16
태그안에 클래스 접근 클래스 존재 여부  (0) 2015.10.15
IE에서 문제  (0) 2015.10.14
Posted by 이상욱1
,

if (typeof ss22 === "string"){ alert(1); }

Posted by 이상욱1
,

예제 

<div class="a">
즉 div 태그의 클래스명 a가  존재하는지 여부를 알고 싶을때 아래와 같다 
$("div").hasClass("a");
결과값 :true





"jQuery input 태그 안에 클래스 접근하고 싶은데" 를 용어로 바꾸면

Selector 라고 한다.


http://www.w3schools.com/jquery/jquery_ref_selectors.asp


jQuery를 사용해서 HTML 전체 element 중 원하는 태그, 아이디, 클래스에 접근해서 이벤트를 걸어주거나 css코드를 바꾸는 작업을 할 수 있다.


상황1.

HTML 코드에서 input 태그중에 input_chk라는 클래스 지정된 아이들 박스 테두리 색을 노란색으로 바꾸고 싶어


HTML

<HTML>

<HEAD>

</HEAD>

<BODY>

<input type="text">input1

<input type="text" class="input_chk">input 2

</BODY>

</HTML>


jQuery

$(document).ready(function(){

$("input.input_chk").css("border","1px solid #FFFF00");

});


input 박스 중 두번째 박스만 테두리가 노란색으로 바뀐다.


자 이제 됐지?


http://chobbang.com/30

'javascript' 카테고리의 다른 글

자바 스크립트 url decode 글 깨짐 해결  (0) 2015.10.19
자바스크립트 string check  (0) 2015.10.16
IE에서 문제  (0) 2015.10.14
제이쿼리 객체 길이 사이즈 값 함수  (0) 2015.10.14
ajax success result null 값 체크  (0) 2015.10.14
Posted by 이상욱1
,

IE에서 문제

javascript 2015. 10. 14. 19:11

console.log() 를 전부 지워져야한다 

왜냐하면  console.log()는 ie에서 무조건 에러를 일으킨다 

Posted by 이상욱1
,

박스 클래스의 a태그가 몇개 존재하는지 한번에 볼수있다 

$(".box a").size();

Posted by 이상욱1
,

   success : function(result) 

                {

                   // console.log(result);

                   

                    if(result.Data.response.length == 0 ){

                        return false;

                    }

Posted by 이상욱1
,

var sendData = {prd_no :new Array(),

prd_name:new Array(),

prd_opt1:new Array()

};

Posted by 이상욱1
,

var sPname =$("#frm_image_zoom input[name=product_name]");

아래의 경우 샘플상품5라는 값을 빼오기 위해서는 위와 같은 코드로 접근 가능하다 

<form id="frm_image_zoom" >

<input name="product_name" value="샘플상품 5">

</form>


접근 하는법 

Posted by 이상욱1
,