$\require{mediawiki-texvc}$

연합인증

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

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

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

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

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

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

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

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

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

스프링 MVC 기반에서 하이브리드 앱 디자인 설계 및 구현
Design and Implementation of Hybrid Apps Design based on Spring MVC 원문보기

한국융합학회논문지 = Journal of the Korea Convergence Society, v.10 no.3, 2019년, pp.395 - 400  

이명호 (세명대학교 전자상거래학과)

초록
AI-Helper 아이콘AI-Helper

프론트엔드 영역의 웹 환경은 표현층의 새로운 표준을 선점하고자 하는 경쟁이 높아지고 있다. 국내에서도 다양한 기기에서 하나의 콘텐츠를 끊김없이 이용할 수 있게 해주는 서비스인 N-스크린을 미래의 핵심 서비스로 인지하여 시장선점을 위하여 경쟁을 하고 있으며, 클라우드 컴퓨팅 시대에서 대표적인 서비스 형태가 N-스크린이다. 그러나 엔터프라이즈 환경의 그룹웨어에 필요한 프론트엔드 연구는 대부분 웹에 대해서는 반응형 웹 디자인과 모바일은 네이티브 앱에 국한되어져 왔다. 점차 기업들의 문화적인 차이를 극복하고 하나의 소스를 여러 가지 디바이스를 지원하는 원소스 멀티유즈 전략과 개발 생산성을 위하여 MVC 디자인 패턴의 필요성은 엔터프라이즈 환경에서는 점차 확대되고 있다. 따라서 본 연구에서는 차세대 웹표준의 전자정부 표준프레임워크 환경인 스프링 MVC 기반에서 하이브리드 앱 디자인으로 JPetStore를 분석 및 설계한 후 구현함으로써 향후 엔터프라이즈 환경에서의 프론트엔드 하이브리드 앱 디자인의 참조 모델을 제공하고자 한다.

Abstract ▼ AI-Helper 아이콘AI-Helper

The Web environment of the frontend domain is increasingly competitive to preempt the new standard of presentation layer. N-Screen, a service that enables users to seamlessly use one content in various devices in Korea, is competing for market preemption by recognizing it as a core service of the fu...

주제어

#프론트엔드   #N-스크린   #반응형 웹 디자인   #네이티브 앱   #MVC 디자인 패턴   #하이브리드 앱  

표/그림 (9)

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

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

문제 정의

  • 따라서 본 연구에서는 차세대 웹표준의 전자정부 표준 프레임워크 환경인 스프링 MVC 기반에서 하이브리드 앱 디자인으로 애완동물 전자상거래 사이트인 JPetStore 를 분석 및 설계한 후 구현함으로써, 향후 엔터프라이즈 환경에서의 프론트엔드 하이브리드 앱 디자인의 참조 모델을 제공하고자 한다.
  • 본 연구에서는 스프링 MVC 기반에서 하이브리드 앱 디자인을 구현하기 위하여 Table 2와 같이 엔터프라이즈 스프링 프레임워크 환경에서 ORM 매퍼로 많이 사용되는 마이바티스를 활용하여 JPetStore를 분석하고 설계한 후 구현하도록 한다.
본문요약 정보가 도움이 되었나요?

질의응답

핵심어 질문 논문에서 추출한 답변
반응형 웹 디자인은 무엇인가? 네이티브 앱 디자인은 기존 데스크톱 PC용 웹사이트와 별도로 모바일 브라우저에 최적화된 웹사이트를 추가 개발하는 전략이다. 반응형 웹 디자인은 CSS3 미디어쿼리, 유동형 그리드 레이아웃, 유연한 이미지 기법을 이용하여 페이지 레이아웃, 이미지 및 제목의 크기가 디바이스의 화면 크기에 반응하는 웹사이트 개발하는 방법이다. 적응형 웹 디자인은 반응형 웹 디자인과 클라이언트나 서버 기술을 이용하여 디바이스 해상도에 최적화된 마크업을 생성하는 방식이 결합된 기술이다[7].
인포그래픽의 시초는? 방대한 양의 정보들을 최소화하면서 원하는 정보를 제공할 수 있도록 콘텐츠의 최소화로 정보의 효율성을 갖고 광고하고자 하는 것이 인포그래픽이다. 데이터의 시각화의 시초는 1786년 윌리엄 플레이페어의 저서에서 선과 막대 그리고 원 그래프를 사용해서 통계 데이터로 표현한데서 찾을 수 있다. 그 이후 오토 노이라트가 아이콘과 그림으로 개념을 설명하는 시각 소통 모델인 아이소타입을 만들면서 오늘날 인포그래픽의 아이콘 원형이라 할 수 있다[13].
ECMAScript의 표준화의 결과는? 0/CSS3 표준안이 확정됨으로써 새로운 멀티 디바이스 플랫폼도 N-tier 환경에서의 차세대 웹표준으로 완성되게 되었다[1]. 특히 ECMAScript의 표준화에 따라 자바스크립트를 활용한 고성능 클라이언트 측 및 서버 측의 웹 애플리케이션을 개발할 수 있는 시대가 되었다[2]. 그리고 스마트폰이 급격한 확산으로 모바일 우선주의가 웹 서비스의 핵심 전략이 되면서 모바일 환경을 지원해야 하는 필요성은 더욱 증가하게 되었다[3].
질의응답 정보가 도움이 되었나요?

참고문헌 (15)

  1. MDN web docs, Modules and the standardization process, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3 

  2. Wikipedia, , ECMAScript, https://en.wikipedia.org/wiki/ECMAScript 

  3. Luke Wroblewski, (2011). Mobile First, A Book Apart, 1-120. 

  4. eGovFrame, Release Note, http://www.egovframe.go.kr/ 

  5. M.H. Lee and J.S. Han, (2012). Design and Implementation of JPetStore Order System Based Mobile WebApp Office, The Society of Digital Policy & Management, 10(3), 149-154. DOI : 10.14400/JDPM.2012.10.3.149 

  6. Wikipedia, Responsive web design, https://en.wikipedia.org/wiki/Responsive_web_design 

  7. Aaron Gustafson, (2011). Adaptive Web Design, Easy Readers, 1-116. 

  8. Martin Fowler, GUI Architectures, https://martinfowler.com/eaaDev/uiArchs.html 

  9. M.H. Lee, (2015). A Study on N-Screen Convergence Application with Mobile WebApp Environment, Journal of the Korea Convergence Society, 6(2), 43-48. DOI : 10.15207/JKCS.2015.6.2.043 

  10. Ethan Marcotte, (2011). Responsive Web Design, A Book Apart, pp. 1-139. 

  11. Brad Frost, responsive navigation patterns, http://bradfrost.com/blog/web/responsive-nav-patterns/ 

  12. Wikipedia, Adaptive web design, https://en.wikipedia.org/wiki/Adaptive_web_design 

  13. Wikipedia, Otto Neurath, https://en.wikipedia.org/wiki/Otto_Neurath 

  14. Mike Bostock, Data-Driven Documents, https://d3js.org/ 

  15. TERASOLUNA, Database Access(MyBatis3) https://terasolunaorg.github.io/guideline/5.0.1.RELEASE/en/ArchitectureInDetail/DataAccessMyBatis3.html 

저자의 다른 논문 :

관련 콘텐츠

오픈액세스(OA) 유형

BRONZE

출판사/학술단체 등이 한시적으로 특별한 프로모션 또는 일정기간 경과 후 접근을 허용하여, 출판사/학술단체 등의 사이트에서 이용 가능한 논문

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

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

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

선택된 텍스트

맨위로