Simplify

자바스크립트를 사용하는데 jQuery 라이브러리는 빼놓을 수 없는 요소가 되어버렸습니다. 물론 순수 javascript 를 이용한 코딩이 원론적(?)이라서 더욱 선호하는 분들도 있을지 모르겠으나, 네트워크 속도가 워낙 빨라지고, 기기들의 성능이 좋아진 만큼, 많이들 사용하게 된 것 같습니다. 자바스크립트 사용하는 데, 특정 객체의 프로퍼티를 수정하는 과정은 수없이 일어나는 과정이며, 다양한 방법을 사용하게 됩니다. 물론, 그냥 점(dot, .)을 찍고 넣으면 된다고는 하지만, 다양한 Case들에 대비해서 처리를 해 놓은 함수를 사용하는 것도 좋은 방법 중 하나입니다. 이럴 때 사용하는 것이 jQuery 의 data 함수입니다. 12345$( "body" ).data( "foo", 52 );$( "body..

재목은 거창하나.. 이번에도 팁 수준에서의 글을 작성해 보려고 합니다. javascript는 아직도 웹, 모바일 웹 등에서 자주 사용되고 있고, 어떤 프레임워크를 사용하던지 Javascript 언어 기반으로 jQuery 를 사용하는 것이 가장 일반적인 것 같습니다. (화면을 구성하는데 말이죠.. 어디까지나 제 시각에서...) 그런데 javascript, 즉 jQuery 에서 비동기 Ajax call등을 수행하게 될 때, 특정 call이 무조건 우선해야 하는 경우가 생깁니다. 다음 세 가지 network 작업이 있는 웹 페이지라고 가정을 해 보겠습니다.사용자 정보를 받아온다. (session 정보, 권한 정보 등..)기본 코드값, 일반정보를 받아온다. 상세 목록을 출력하면서 1. 2. 에서 받아온 정보를 ..

javascript 를 사용하다 보면, 로직 구현상에 필요해서 property 목록을 가져와야 하거나, 혹은 확인 차 목록을 찍어봐야 하는 경우도 있습니다. 물론 console.log() 함수에 그냥 객체를 통째로 넣으면 객체를 그 자체로.. 구체화해서 보여주기 때문에 더욱 효율적이라고 할 수도 있어요.. 하지만 객체가 너무 뚱뚱하거나, 혹은 특정 값 하나만 확인하고 싶은 경우에.. 혹은 prototyping 해서 그 안에 특정 함수를 확인해야 하는 경우.. 유용한 함수가 있습니다. 바로 Object.keys() 라는 함수입니다. 12345678910var obj = { a : 'a', b : 'b', c : 123} for(var key in Object.keys(obj)){ console.log(ke..

Javascript 를 사용하다 보면, 두 개의 Object 를 병합해야 하는 경우가 생깁니다. 다양한 경우가 있을 수 있겠지만, 다음 예를 통해서 알아보겠습니다. 123456789101112131415var truck = { weight: 3.5, color: 'red', speed: 50, availableWeight: 25, registerYn: true} var superCar = { weight: 1.8, color: 'blue', speed: 80, zeroToHundred: 3.4, convertible: false}cs 위와 같은 경우, 공통 요소인 weight, color, speed 를 '차(Car)' 의 공통 분모로 가져갈 수 있으므로, 매 객체마다 동일하게 적어주는 것은 개발을 하는..

Java, JavaScript 개발을 해 본 사람이라면 &&, || 연산자를 자주 사용할 것이다. 일반적으로 이 두 연산자를 학습할 때 보면, 앞의 항목이 참인지 거짓인지에 따라서 뒤 연산을 하지 않고 넘어가기 때문에, 보다 효율적인 연산자라고 배운다. 아래 예를 보자. if( a > 0 || b 0 가 참이라면, 위 연산자에 관계 없이 이 if 문은 참으로 간주되므로, {} 안의 연산을 진행해야 한다. 따라서 뒤 연산인 b 0 && b 0 이 거짓이라면, 뒤 조건의 참/..

Javascript 에서 객체는 모든 변수들을 의미한다. 자주 사용하게 되는 var 변수는 물론이고, function역시 하나의 객체로서 그 실행부를 포함하고 있는 것이다. 이 객체에서 속성(property) 라고 하는 것을 추가/삭제/조회 하면서 여러 가지 작업을 할 수 있으며, 각 속성이 갖을 수 있는 값 역시 javascript 객체이다. 그런데 실제 어떤 객체를 사용하다 보면, 그 객체가 어떤 종류의 속성들을 가지고 있는지 난해해지는 경우가 있다. 이 때에는 객체가 가지고 있는 속성을 배열로 리턴해 주는 Object.keys() 함수를 활용할 수 있다. Object.keys(object) 이 함수에 parameter로 특정 객체를 넣어 호출하게 되면 각 속성 키(key)값이 return 된다. 다..

javascript 는 특정 타입을 구분하지 않기 때문에 아래 두 가지 케이스는 동일한 함수를 이용해서 처리할 수 있다.문자를 숫자로 변환하기. 예를 들어, "40"을 숫자 40으로 변환소수점이 있는 실수(float) 숫자를 정수형태(integer)로 변환하기결국 이를 변환할 경우, 점(.)까지도 문자열로 처리하기 때문인 것으로 생각된다. (필자의 생각이다.) var a = parseInt("10"); var b = parseInt("10.00"); var c = parseInt("10.33"); var d = parseInt("34 45 66"); var e = parseInt(" 60 "); var f = parseInt("40 years"); var g = parseInt("He was 40"); ..