본문 바로가기

리디북스 접속이 원활하지 않습니다. 새로 고침(F5)해주세요.
계속해서 문제가 발생한다면 리디북스 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

RIDIBOOKS

리디북스 검색

최근 검색어

'검색어 저장 끄기'로 설정되어 있습니다.


리디북스 카테고리



자바스크립트 UI 개발과 Jindo 프레임워크 상세페이지

책 소개

<자바스크립트 UI 개발과 Jindo 프레임워크> 책은 NHN에서 자체적으로 개발한 자바스크립트 프레임워크인 'Jindo 프레임워크'를 주제로 자바스크립트 UI 개발의 원리와 구현 방법을 설명한다. Jindo 프레임워크가 주제이지만 웹 개발자들이 UI 개발에 친숙해지도록 기본적인 원리에 초점을 맞춰 설명했기 때문에 Jindo 프레임워크를 사용하지 않아도 괜찮다. 예제의 원리를 이해한다면 다른 프레임워크를 사용하거나 프레임워크를 사용하지 않아도 실제 UI 개발에 응용할 수 있을 것이다.UI 개발 시 자주 접하는 사례를 통해 Jindo 프레임워크의 주요 객체와 메서드의 사용 방법 설명, 웹 애플리케이션의 대표적 UI인 레이어, 드래그 앤드 드롭, 타이머, 애니메이션의 원리와 구현 방법 설명, 네이버의 실시간 급상승 검색어에 사용하는 롤링 UI의 원리와 구현 방법 설명, AJAX 및 크로스 도메인의 기본 개념과 할용 방법을 예제를 바탕으로 설명, AJAX와 미투데이 오픈API를 이용한 웹 애플리케이션 개발 예제, 코드 최적화, 디버깅, 정규 표현식 등 자바스크립트 개발의 효율성을 높일 수 있는 방법과 도구 소개, NHN에서 자체적으로 만들어 지키고 있는 코딩 컨벤션 소개 등을 다룬다.


출판사 서평

「NHN은 이렇게 한다! 자바스크립트 UI 개발과 Jindo 프레임워크」는 NHN의 축적된 기술 정보와 사례를 공유하는 NHN 기술 서적 시리즈인 [email protected]의 두 번째 시리즈이다.이 책은 NHN에서 자체적으로 개발한 자바스크립트 프레임워크인 'Jindo 프레임워크'를 주제로 자바스크립트 UI 개발의 원리와 구현 방법을 설명한다. Jindo 프레임워크가 주제이지만 웹 개발자들이 UI 개발에 친숙해지도록 기본적인 원리에 초점을 맞춰 설명했기 때문에 Jindo 프레임워크를 사용하지 않아도 괜찮다. 예제의 원리를 이해한다면 다른 프레임워크를 사용하거나 프레임워크를 사용하지 않아도 실제 UI 개발에 응용할 수 있을 것이다.자바스크립트 UI 개발은 다른 개발 분야와 마찬가지로 경험에 좌우되는 면이 많다. 수년간 네이버의 UI를 설계하고 개발한 저자들의 경험과 지식을 엮은 이 책으로 UI 개발에서 생길 수 있는 수많은 시행 착오를 줄일 수 있기를 바라며, 더불어 자바스크립트 UI 개발에 관심이 있다면 누구에게나 도움이 되어 더 많은 개발자들이 UI 개발에 흥미를 갖게 되기를 바란다.이 책에서는 다음과 같은 내용을 다룬다.o UI 개발 시 자주 접하는 사례를 통해 Jindo 프레임워크의 주요 객체와 메서드의 사용 방법 설명o 웹 애플리케이션의 대표적 UI인 레이어, 드래그 앤드 드롭, 타이머, 애니메이션의 원리와 구현 방법 설명o 네이버의 실시간 급상승 검색어에 사용하는 롤링 UI의 원리와 구현 방법 설명o AJAX 및 크로스 도메인의 기본 개념과 할용 방법을 예제를 바탕으로 설명o AJAX와 미투데이 오픈API를 이용한 웹 애플리케이션 개발 예제o 코드 최적화, 디버깅, 정규 표현식 등 자바스크립트 개발의 효율성을 높일 수 있는 방법과 도구 소개o NHN에서 자체적으로 만들어 지키고 있는 코딩 컨벤션 소개이 책은 자바스크립트를 이용한 UI 개발 원리와 Jindo 프레임워크를 다루며 총 4부로 구성했다."1부 자바스크립트 프레임워크와 Jindo 프레임워크"에서는 AJAX의 등장 이후 변화한 웹 애플리케이션 개발 모델과 UI 개발의 정의, UI 개발에 필수 도구가 된 자바스크립트 프레임워크를 설명한다. 그리고 NHN에서 개발한 Jindo 프레임워크의 개발 배경과 기본 구조, 준비 사항을 살펴본다."2부 Jindo 프레임워크"에서는 Jindo 프레임워크에서 제공하는 객체와 사용법을 UI 개발 시 자주 접하는 사례와 원리를 중심으로 설명한다."3부 자바스크립트 UI 개발 실전 사례"에서는 네이버에서 볼 수 있는 대표적인 UI인 레이어와 드래그 앤드 드롭, 타이머, 애니메이션 UI, 롤링 UI, AJAX에서의 크로스 도메인과 히스토리 문제에 대해 원리와 구현 방법을, 예제를 토대로 설명한다. 마지막으로 미투데이 오픈 API와 AJAX를 이용한 도서 관리 웹 애플리케이션을 만들면서 이 책에서 설명한 내용을 종합적으로 살펴본다.부록에서는 자바스크립트 개발의 효율성을 높이는 코드 최적화 방법과 디버깅 도구를 설명하고, 자바스크립트 개발 시 유용하게 활용할 수 있는 정규 표현식을 설명한다. 또한 NHN에서 자체적으로 만들어 준수하고 있는 코딩 컨벤션을 소개한다.


저자 프로필

박재성

  • 국적 대한민국
  • 경력 아키에이지 웹 서비스 개발 담당
  • 링크 공식 사이트

2018.10.24. 업데이트 작가 프로필 수정 요청


저자 소개

박재성

건국대학교 컴퓨터공학과를 졸업했으며, 다양한 웹 프로젝트에 참여했다. SK커뮤니케이션즈에서 자바 개발자로 일하던 중 프런트 엔드 개발에 흥미를 느껴 NHN으로 이직했다. NHN에서는 지식iN, 카페, 블로그 등 다양한 네이버 서비스 개발에 참여했고, 현재는 AjaxUI팀에서 자바스크립트 기술 지원/분석과 교육 업무 등을 담당하고 있다. HTML5를 이용한 신기술과 더 나은 자바스크립트 개발에 관심이 많다.

손병대

숭실대학교 미디어학부 졸업과 동시에 AjaxUI랩에서 인턴으로 시작해 지금까지 같은 랩에서 열심히 코딩을 즐기고 있다. 네이버 메인, 네이버 지도 개편 및 거리뷰 프로젝트에 참여했으며, 네이버 재팬 서비스를 지원하기도 했다. 현재는 자바스크립트로 할 수 있는 모든 것에 관심이 있으며, NodeJS와 하이브리드 앱 개발에 열정을 쏟고 있다.

목차

Part 01 자바스크립트 프레임워크와 Jindo 프레임워크 01_ 자바스크립트 프레임워크와 UI 개발 AJAX 기술의 등장과 UI 개발의 시작 웹 애플리케이션과 UI 개발 자바스크립트 프레임워크 02_Jindo 프레임워크 Jindo 프레임워크의 역사 Jindo의 특징 Jindo 프레임워크의 구조 Jindo 프레임워크 사용 Part 02 Jindo 프레임워크 03_요소 선택과 조작 문서 객체 모델(DOM)과 요소 선택 CSS 선택자(Selector)와 요소 선택 요소 조작 04_ 브라우저와 문서 영역 조작하기 브라우저 창과 문서 영역 브라우저와 문서 영역 조작 05_이벤트와 이벤트 처리 이벤트와 이벤트 처리 Jindo의 이벤트 핸들링과 함수 바인딩 06_데이터 다루기 데이터 타입과 래퍼 객체 Jindo의 데이터 래퍼 객체 07_폼 데이터 검증 이벤트를 활용한 폼 데이터 검증 간단한 데이터 검증 08_서버와 통신하기 XHR 객체 이해하기 XHR 객체로 통신하기 $Ajax( ) 객체 기본 사용법 $Ajax( ) 객체 실습하기 그 외의 $Ajax( ) 객체 사용법 09_클래스와 템플릿 객체지향적으로 설계하기 템플릿을 활용한 DOM 구성 10_ 그 밖의 유용한 객체 날짜 조작하기 쿠키 사용하기 브라우저 정보 확인 Part 03 자바스크립트 UI 개발 실전 사례 11_레이어 다루기 레이어 보이기와 숨기기 레이어 배치하기 영역 크기 구하기 레이어 응용하기 12_드래그 앤드 드롭 드래그 앤드 드롭 과정 기본 구현 고급 구현 및 문제 해결 HTML5의 드래그 앤드 드롭 13_타이머 기본 사용법 응용 패턴 익히기 14_애니메이션 구현방법 CSS 속성을 이용한 애니메이션 타이머를 이용한 애니메이션 15_AJAX 고급 응용 크로스 도메인 문제 AJAX 히스토리 16_실시간 급상승 검색어의 롤링 UI 요구사항 롤링 동작 구현 마우스 오버 동작 처리 재사용 가능한 클래스 객체로 만들기 17_ 도서 관리 웹 애플리케이션 만들기 웹 애플리케이션 기획 요구사항 인터페이스 만들기 애플리케이션 설계 모델 만들기 컨트롤러 만들기 이벤트 적용 기능 개선 Part 04 부록 부록 A _코드 최소화를 통한 성능 향상 최소화(Minification)의 원리 최소화 도구 - YUI Compressor 최소화 코드 복원 - 코드 포매팅 부록 B _디버깅 브라우저 개발 도구 HTTP 트래픽 정보를 활용한 디버깅 부록 C _정규 표현식 정규 표현식과 문자열 정규 표현식 선언하기 캡처링(Capturing) 사용하기 비캡처링(Non-Capturing) 활용 test( ) 메서드와 exec( ) 메서드의 성능 차이 lastIndex 속성과 g플래그 옵션 부록 D _자바스크립트 코딩 컨벤션 네이밍 규칙 코드 작성 규칙 AJAX 응답 포맷 작성 규칙 소스 코드 표기법


리뷰

구매자 별점

0.0

점수비율

  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디북스에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기


spinner
모바일 버전