JavaScript에 해당하는 글들 7 Articles matched 목록이 없습니다. [Javascript] 기본타입 Javascript의 기본타입(Primitive type)은 다음과 같이 6가지가 있습니다. Javascript 기본타입 6가지 1. 숫자 (number) 다른 언어와는 다르게 Javascript는 숫자에 대해서 정수, 실수를 나누지 않고 모든 수를 실수로 표현합니다. 우리가 평소 개발할 때에 정수로 표현하는 숫자들은 모두 소수점을 표기하지 않은 실수로 인식됩니다. 또한 매우 큰 수 또는 매우 작은 수는 뒤에 알파벳 e를 붙여서 표현할 수 있습니다. 10 -> 10.0 10.0 -> 10.0 10e6 -> 10000000 10-e6 -> 0.00001 2. 문자열 (string) 홑따옴표=작은따옴표(') 또는 쌍따옴표=큰따옴표(")로 둘러싸인 문자들을 말합니다. 큰따옴표는 작은따옴표로 둘러싸인 부분에만 .. [Javascript] 모든 마우스 클릭 이벤트 막는방법 클릭 이벤트 전체 block 혹시나 또 사용하거나 다른사람이 찾아볼까봐 정리해봅니다. 이걸 많이 쓰지는 않겠지만 혹시나! 쓰실분은 쓰시기 바랍니다. 모든 클릭 이벤트를 막아줄 이벤트 설정 (mouse click event blocking) var stopFunc = function(e) { e.preventDefault(); e.stopPropagation(); return false; }; var all = document.querySelectorAll('*'); for (var idx in all) { var el = all[idx]; if (el.addEventListener) { el.addEventListener('click', stopFunc, true); // have to true } } .. [Javascript] byte 데이터를 string 문자열로 변환하기 byte 데이터를 string 문자열로 변환하기 request를 capturing하는것을 구현하다가 request의 파라미터 데이터가 byte로 되어있는것을 보고는 절망을 하였습니다. byte는 딱 보기에 사람이 읽을 수 없기 때문에 이를 어떻게 할지.. 막막했는데 capturing하는 부분이 javascript 문법이어서 이것을 어떻게하지 하다가 찾아보니 stackoverflow에 답이 있었습니다. 생각보다 간단합니다. byte to string code 1. Object.prototype.toString 메서드 사용하여 문자열로 변환 var byte = var str = byte.toString(); var utf8_str = byte.toString('utf8'); 2. 생성자 없이 String을 .. [JavaScript] 어떻게하면 로그인 시 원래 보고 있던 페이지로 이동시킬 수 있을까? 인터넷을 사용하다 보면 잘 만들어진, 잘 구성되어있는 사이트들을 볼 수 있습니다. 잘 만들어졌다는 것은 사용자가 사용할 때 불편함이 최소화 되어 있고 원하는 정보를 잘 보여주는 것이라고 개인적으로 생각하는데요. 그런 사이트들을 보면 로그인을 했을 때 메인페이지나 정해진 페이지가 아닌 사용자가 원래 보고 있던 페이지로 이동시켜줘서 작업의 흐름을 그대로 유지해주는 사례가 많은 것 같습니다. 우리 시스템에도 요구사항으로 들어와서 구현해보려고 합니다. 처음부터 바로 답을 찾지는 못했습니다. 가장 단순한 뒤로가기 방법인 history.back() 을 이용해서 구현해봤는데 가장 큰 문제가 사용자가 외부에서 로그인페이지로 들어온 경우에는 로그인 시 사이트를 이탈시키는 문제가 있었습니다. 따라서 위의 방법만으로는 해결.. [Javascript] Object의 key 목록 나열하기 AngularJS에서 custom filter를 만들어 보고 있는데 파라미터 값으로 object(객체) 형식을 넘겼습니다. 근데 filter안에서 받고 보니까 오브젝트 안에 어떤 키가 있는지 모르겠어서 어떻게하면 키 값을 뽑아내서 그 키값을 통해 또 동일한 형태의 객체에 접근할 수 있을까를 고민하다 보니 Javascript에 이미 있는걸 알고 이렇게 정리해봅니다. 문법은 다음과 같습니다. var obj = { "key1" : "value1", "key2" : "value2" } var keys = Object.keys(obj); console.log(keys); for ( var i in keys ) { console.log(keys[i] + " : " + obj[keys[i]]); } [실행결과][ '.. [jQuery] event.preventDefault(), event.stopPropagation() HTML 사용자 이벤트 전달 원리 우리가 매일 사용하는 인터넷 즉, 웹에서는 사용자들이 가장 많이 발생시키는 이벤트 중 하나는 바로 클릭! 사용자가 클릭을 하는 순간 HTML상의 요소들은 클릭을 당한(?) 요소부터 그 요소의 부모님들(?) 부모 요소까지 모두 같이 반응을 하게 되는데요 ( 참고로 이러한 현상을 버블업[Bubble Up] 이라고 해요 ) 이런 현상을 이벤트가 전파, 확산 된다고 하는건데요 영어로는 propagation이라고 합니다 예를들어 다음과 같은 HTML 코드가 있을 때 12345 Test cs a태그를 클릭하게 되면 그 상위 요소인 li 그리고 ul 까지 그 이벤트가 전파된다는 것입니다~ event.stopPropagation() 그러면 제목에서 언급했던 event.stopPropa.. [jQuery] 변수 선언 시 var와 var생략 차이 jQuery는 JavaScript 기반 언어로 JavaScript 역시 이슈에 해당된다. 그럼 var 변수 선언과 var를 생략한 변수 선언의 차이를 정리해보자. var test1;var test2, test3; var test4 = 4;test5 = 5; jQuery나 JavaScript 에서 변수를 선언할 때 이런식으로 선언을 하는데 var를 붙인건 영구적이다. 즉 delete연산자로 변수를 지우려고 하면 에러가 발생한다. 같은 변수를 여러번 초기화해도 상관없으며 선언되지 않은 변수에 대해서는 초기화 시 내부적으로 변수선언이 된다. var로 변수선언을 하는 경우1. 영구적이다. (delete연산자로 변수를 지울 수 없다.)2. 지역변수이다. var를 생략하고 변수를 선언하는 경우1. delete연산자.. 1
