경로 탐색과 좌표영역분할 경로 탐색 서비스는 특정 위치의 정보를 제공함으로써 길안내와 같은 여러 가지 실시간 서비스를 제공하는데 이러한 정보를 제공하기 위해서 해당하는 위치의 좌표를 내려 받는다. 이때, 내려 받은 좌표를 가지고 해당 지역을 검색 하기 위해서는 해당하는 지역을
Spring Security와 보안, 첫번째 이야기 보안은 설계 요소 중 가장 중요한 부분 중 하나이다. 이러한 보안의 개념을 스프링 시큐리티와 함께 알아보자. 1. 보안의 핵심개념 - "인증과 역할부여" 본격적인 스프링 시큐리티에 대하여 알아보기에 앞서 보안의 개념에 대하여 알아보자. 보안을 이해하는데 중요한
LBS에 객체를 입혀보자 LBS(Location Based Service) 기반 데이터란 무엇인가요? LBS(Location Based Service) 기반데이터란 LBS를 고객에게 제공하기 위해서 필요로 하는 데이터를 말합니다. 이 데이터는 모든 LBS의 기초가 되며 어떻게 구성되는지에 따라서 제공할 수 있는 서비스방법과 서비스 품질이
UI프로토타입: Axure RP로 만드는 스토리보드 Axure RP를 이용한 스토리보드 화면 설계 2013년 뜨거운 여름에 시작한 뜨거운 프로젝트 A를 통해 요구사항 수집부터 개발 단계까지 전체적으로 참여하며 프로젝트라는 것이 어떻게 진행이 되어 나가는지 큰 그림을 알게 되는 좋은 계기가 되었습니다. 그 중
설계 노하우: UI 컴포넌트 들어가며... UI를 개발해 본 모든 개발자들이 느끼겠지만 UI 개발은 다른 분야의 개발보다 복잡하고 까다롭습니다. 수년간 여러 어플리케이션을 개발하며 이러한 문제를 접하였고 많은 생각을 가지게 되었습니다. UI 분야의 개발이 왜 까다로운지 또한 그 해결방안은 무엇인지에 대해
아키텍처 설계: 서비스 접근 제어 서비스 접근 제어는 권한을 가진 사용자가 서비스를 사용할 수 있도록 마련한 장치를 말합니다. 이번 글에서는 진행했던 프로젝트에서 이러한 것을 설계하고 구현한 내용을 이야기 해볼까 합니다. 먼저 이 글에서 서비스라 함은 잘~ 정의된 웹 상에서 유일하게
jQuery : selector를 활용한 그룹표현 표(table)는 데이터를 좀 더 이해하기 쉽고, 보기 좋게 해 주는 역할을 합니다. 하지만, 수십개의 데이터를 보게 된다면, 눈도 아프고, 복잡해 보이게 될 수도 있습니다. 그래서 '동적으로 데이터를 조건에 맞게 (날짜, 시간 등) 그룹을
jQuery: datepicker 사용 사례 datepicker 는 날자 처리를 위하여 많이 사용되고 있습니다. 기존 포스트에 한번 소개된적이 있습니다. 이전에 datepicker 의 여러가지 사용방법을 설명하였다면 이번 포스트에서는 실제 프로젝트에 사용한 방법과 datepicker 와 직접 입력시 사용되는 inputmask와 같이 사용하여 적용되는 방법을
jQuery: 애니메이션 jQuery는 웹화면에서 visual effect를 간편하게 만들고 변경할 수 있게 도와 줍니다. 이런 visual effect는 웹 화면에 대한 사용자의 만족도를 높이는 방법 중에 하나입니다. 오늘은 jQuery Animation 프레임워크를 살펴 보겠습니다. 1. jQuery Animation 프레임 워크의 일반적인
jQuery: 참 편리한 날짜선택 위젯- datepicker 웹 페이지를 검색하다 보면, 주로 회원가입 또는 날짜 관련해서 입력을 요구 하는 경우가 많습니다. 이처럼 날짜를 입력 받을 때 직접 입력 받는 방법도 있지만, jQuery에서 제공하는 달력 형식의 UI 위젯중 하나인 datepicker가 있습니다. datepicker 위젯은
jQuery : 플러그인 개발 개발 작업을 간단하게 처리하거나 자동화하는 jQuery는 자바스크립트의 핵심 라이브러리가 된지 오래입니다. 많은 개발자들이 jQuery의 기본 기능을 사용하여 작업을 수행합니다. 하지만 더 나아가 플러그-인을 사용하여 jQuery를 확장하여 사용하기도 합니다. 이미 배포된 플러그-인을 적용해서 사용할 수 있지만
jQuery: data() 이해와 활용 jQuery를 조금이나마 접해보신 분들은 다양한 방법으로 DOM을 select하거나 이벤트 제어, Ajax통신 등 jQuery가 지원하는 편리한 기능에 많이 익숙해지셨을 거라 생각됩니다. 이번에 준비한 글은 매우 유용하고 활용도가 높은 함수이지만 지나치기 쉬운 jQuery의 data()에 대해 알아보겠습니다.
jQuery : Parsing (JSON, XML, HTML) jQuery에 내장되어있는 parseJSON(), parseXML(), parseHTML()을 이용하여 각 문서를 javaScript 객체로 가져와서 사용하는 방법을 알아 봅니다. JSON, XML, HTML 문서는 클라이언트와 서버가 통신할 때 요청/응답 전문 외에도 다양한 목적을 가지고 활용합니다. 특히 JSON은 텍스트이므로
jQuery: Ajax Global Event jQuery 하면 빼놓을 수 없는 것이 Ajax입니다. jQuery의 함수와 이벤트를 사용할 때 발생하는 이점이 Ajax에서는 더욱 증가됩니다. 순수 JavaScript의 Ajax는 너무 복잡하기 때문이죠. jQuery의 Ajax 함수를 사용하면 정말 간단하게 Ajax 통신을 할 수 있고 넥스트리
jQuery Mobile jQuery는 클라이언트 단의 스크립트 언어 사용을 단순화 할 수 있는 JavaScript 라이브러리입니다. 이 jQuery가 유명하고 널리 쓰이는 라이브러리이기 때문인지, jQuery Mobile을 jQuery의 어떤 기능 중 하나거나, 축소판 정도로 생각하기도 합니다. 하지만 jQuery Mobile은 ‘모바일 환경’
jQuery : DOM 탐색 메소드와 필터 jQuery는 DOM핸들링에 뛰어난 JavaScript 라이브러리입니다. jQuery에서 DOM객체를 탐색하는 방법은 여러 가지 있습니다. 이번 글은 DOM구조를 이용하여 DOM객체를 찾는 방법을 다룹니다. DOM객체에 관한 자세한 설명과 기본적인 Selector에 대한 설명은 넥스트리블로그 김유리님의 jQuery와 DOM 첫걸음을 참조하세요. DOM을
객체지향 개발 5대 원리: SOLID 현재를 살아가는 우리들은 모두 일정한 원리/원칙 아래에서 생활하고 있습니다. 여기서의 원칙 이라 함은 좁은 의미로는 개개인의 사고방식이나 신념, 가치관 정도가 될 수가 있겠고, 넓게는 한 국가의 통치 이념이나 통치 방법 정도가 되겠습니다. 그럼 우리는
HTML5 Canvas – 첫번째 이야기 HTML5는 차세대 웹문서의 표준으로 기존의 HTML이 멀티미디어 등 다양한 애플리케이션까지 표현, 제공 하도록 진화한 "웹프로그래밍언어"입니다. 기존의 HTML4에서 오디오, 비디오, 그래픽처리, 위치정보제공 등 다양한 기능을 추가로 제공함으로 웹 자체적으로 처리할 수 있는 기능을 대폭 향상하였습니다.
JavaScript, jQuery, 그리고 Ajax Ajax는 Asynchronous JavaScript And XML의 약어로 언어나 프레임 워크가 아닌 구현하는 방식을 의미합니다. 데이터를 이동하고 화면을 구성하는데 있어서 웹 화면을 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법입니다. 화면 갱신이 없어서 사용자 입장에서는 매우 편리하고
jQuery와 DOM 첫걸음 jQuery는 JavaScript의 뛰어난 라이브러리 중 하나입니다. 순수 JavaScript에 비해 간단하게 DOM접근을 할 수 있다는 것이 큰 이유입니다. DOM이 무엇인지, 이 DOM접근을 하는 경우와 이유는 무엇인지 알아보고 DOM접근시 jQuery와 순수 JavaScript의 차이, 성능을 함께 알아보도록 하겠습니다.
