$\require{mediawiki-texvc}$

연합인증

연합인증 가입 기관의 연구자들은 소속기관의 인증정보(ID와 암호)를 이용해 다른 대학, 연구기관, 서비스 공급자의 다양한 온라인 자원과 연구 데이터를 이용할 수 있습니다.

이는 여행자가 자국에서 발행 받은 여권으로 세계 각국을 자유롭게 여행할 수 있는 것과 같습니다.

연합인증으로 이용이 가능한 서비스는 NTIS, DataON, Edison, Kafe, Webinar 등이 있습니다.

한번의 인증절차만으로 연합인증 가입 서비스에 추가 로그인 없이 이용이 가능합니다.

다만, 연합인증을 위해서는 최초 1회만 인증 절차가 필요합니다. (회원이 아닐 경우 회원 가입이 필요합니다.)

연합인증 절차는 다음과 같습니다.

최초이용시에는
ScienceON에 로그인 → 연합인증 서비스 접속 → 로그인 (본인 확인 또는 회원가입) → 서비스 이용

그 이후에는
ScienceON 로그인 → 연합인증 서비스 접속 → 서비스 이용

연합인증을 활용하시면 KISTI가 제공하는 다양한 서비스를 편리하게 이용하실 수 있습니다.

웹 응용에서 jQuery를 이용한 사용자 인터랙션 연구
A Study of User Interaction Using jQuery in Web Application 원문보기

한국항행학회논문지 = Journal of advanced navigation technology, v.15 no.4 = no.49, 2011년, pp.626 - 631  

이선웅 (한국기술교육대학교 대학원 컴퓨터공학과) ,  문일영 (한국기술교육대학교 컴퓨터공학부)

초록
AI-Helper 아이콘AI-Helper

본 논문에서는 웹 응용에서 jQuery를 이용한 사용자 인터랙션을 설계하고 구현하는 방법들을 제안하였다. 스마트 기기의 컴퓨팅 능력이 향상되면서 웹 응용 기술이 보편화되고 다양화되었다. 이로 인해 주목받는 웹 기술로서 JavaScript가 있고, 세계적으로 가장 많이 쓰이는 JavaScript 프레임워크가 jQuery이다. jQuery의 기본 문법과 확장성 및 플러그인에 대해 간단히 서술하였다. 사용자 인터랙션과 애니메이션들을 분류하였고, 이를 구현할 수 있는 방법을 서술하였다.

Abstract ▼ AI-Helper 아이콘AI-Helper

In this paper, the methods of designing and implementing user interaction using jQuery in Web Application are suggested. While computing ability of smart devices grows up, web application technology is generalized. So JavaScript is one of noticeable web application technologies, and jQuery is the mo...

주제어

#web application   #user interaction   #JavaScript   #jQuery  

AI 본문요약
AI-Helper 아이콘 AI-Helper

* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.

문제 정의

  • 본 논문에서는 jQuery에 대해서 간단히 살펴보고, 이를 웹 응용에서 적용되는 사용자 인터랙션과 애니메이션에 적용하는 방법을 정리한다.
  • 본 논문은 jQuery를 이용하여 웹 응용에서 사용자 인터랙션을 구현하는 방법들에 대하여 서술하였다. 사용자들이 모바일과 PC를 비롯하여 다양한 기기에서 고급 기술과 인터랙션, 사용자 경험을 원함에 따라 지금까지의 웹 기술은 플랫폼이 되어 세분화된 기술 발달이 이뤄지게 될 것이다[7].

가설 설정

  • keyup()부분을 Ajax로 보완한다면 표 3과 같다. 아래의 코드에서는 autocomp.html가 현재 입력된 값에 대한 자동완성 데이터를 JSON으로 응답하는 것으로 가정하였다. 보완된 코드로 인한 결과 화면은 그림 4와 같고, 기본 코드에 스타일을 추가 적용한 것이므로 본 논문에 기재된 코드만을 입력하여 실행한 화면과 다를 수 있다.
본문요약 정보가 도움이 되었나요?

질의응답

핵심어 질문 논문에서 추출한 답변
JavaScript대신 Flash를 사용할 경우 어떠한 단점이 있는가? 최근 Ajax(Asynchronous JavaScript and XML)와 JSON (JavaScript Object Notation)을 이용하여 개발되는 웹 응용들이 증가되고 있고, JSON을 이용한 데이터 전송은 웹서비스와 연계하는 모바일 응용과 Flash에서도 사용되면서 그 범위가 넓어지고 있다. 일반적으로 동적인 페이지를 연출하기 위해서는 Flash를 사용할 수 있지만 지원하지 않는 기기도 있으며 자원을 많이 사용하는 단점이 있다. 특히 정적인 페이지인 HTML에 사용자 인터랙션과 이벤트를 처리하기 위해서는 JavaScript를 이용하여야 한다.
jQuery는 어떤 라이브러리인가? jQuery는 코딩을 줄이고 더 많은 작업을 할 수 있게 하는 JavaScript 라이브러리이다[4]. JavaScript의 기본 코딩의 양을 줄여주어 DOM(Document Object Model)을 탐색, 이벤트 처리, 애니메이션, Ajax 인터랙션 등을 쉽게 구현할 수 있어 웹 개발 속도 매우 빠르게 만든다.
jQuery의 함수들은 크게 어떻게 구분할 수 있는가? jQuery의 함수들은 크게 스타일과 속성, 삽입/이동/제거, 탐색, 이벤트, 효과, Ajax로 구분할 수 있다. 스타일과 속성에 해당하는 함수들은 태그의 외형적인 모습과 속성 값을 제어하고, 삽입/이동/제거에 해당하는 함수들은 선택된 태그를 삽입하거나 이동 및 제거에 사용된다.
질의응답 정보가 도움이 되었나요?

참고문헌 (7)

  1. "ICT 중점기술 표준화 로드맵 Ver. 2011 : 종합보고서 5. DC/SW/컴퓨팅 분야," 한국정보통신기술협회, pp. 148, Jan. 2011. 

  2. Gail Rahn Frederick,Rajesh Lal, "Beginning Smartphone Web Development," Apress, pp135, 2009 

  3. 아이폰4를 무선 공유기로…iOS 4.3 업데이트 시,http://www.bloter.net/archives/53029 

  4. http://www.jquery.com 

  5. http://trends.builtwith.com/JavaScript 

  6. jQuery 코어 커뮤니티, 김경균, 최지훈, "실전 jQuery 쿡북," 비제이퍼블릭, 2010 

  7. Natacha Guell, Daniel Schwabe and Patricia Vilain, "Modeling Interactions and Navigation in Web Applications," Proceedings of the World Wide Web and Conceptual Modeling'00 Workshop, ER'00 Conference, Salt Lake City, Utah, USA, Lecture Notes in Computer Science 1921 pp 115-127, Springer, October 2000 

저자의 다른 논문 :

관련 콘텐츠

오픈액세스(OA) 유형

FREE

Free Access. 출판사/학술단체 등이 허락한 무료 공개 사이트를 통해 자유로운 이용이 가능한 논문

저작권 관리 안내
섹션별 컨텐츠 바로가기

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

AI-Helper 아이콘
AI-Helper
안녕하세요, AI-Helper입니다. 좌측 "선택된 텍스트"에서 텍스트를 선택하여 요약, 번역, 용어설명을 실행하세요.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.

선택된 텍스트

맨위로