• 컴퓨터/IT > 프로그래밍 > 웹프로그래밍

출판사 리뷰

출판사 서평 ★ 이 책에서 다루는 내용 ★ ■ 주요 HTML 요소 및 속성에 관한 설명과 예제 ■ CSS 프로퍼티 및 함수의 개념과 사용법 ■ 자바스크립트 문법과 표현식 ■ 다양한 자바스크립트 패턴과 자바스크립트 객체 지향 프로그래밍의 기본 ■ 웹 애플리케이션의 클라이언트 단 스크립팅을 위한 최신 ECMASCript 6 구현 ■ 신속한 웹사이트 프론트엔드 개발을 위한 새로운 방법과 부트스트랩 ■ jQuery를 이용한 자바스크립트 확장 ■ 자바스크립트 서버 단 프로그래밍을 위한 핵심 Node.js 모듈 ■ Angul... ★ 이 책에서 다루는 내용 ★ ■ 주요 HTML 요소 및 속성에 관한 설명과 예제 ■ CSS 프로퍼티 및 함수의 개념과 사용법 ■ 자바스크립트 문법과 표현식 ■ 다양한 자바스크립트 패턴과 자바스크립트 객체 지향 프로그래밍의 기본 ■ 웹 애플리케이션의 클라이언트 단 스크립팅을 위한 최신 ECMASCript 6 구현 ■ 신속한 웹사이트 프론트엔드 개발을 위한 새로운 방법과 부트스트랩 ■ jQuery를 이용한 자바스크립트 확장 ■ 자바스크립트 서버 단 프로그래밍을 위한 핵심 Node.js 모듈 ■ AngularJS의 중요 모듈, 컨트롤러, 지시자, 서비스 ★ 이 책의 대상 독자 ★ 고급 웹 개발자뿐 아니라 초보자도 유용하게 읽을 수 있도록 작성됐다. 웹 개발자라면 누구나 소중한 리소스를 얻을 수 있을 것이다. HTML, CSS, 자바스크립트, NodeJS, 부트스트랩, jQuery, Angular에 대한 콘셉트를 찾아볼 수 있다. ★ 이 책의 구성 ★ 1장, ‘HTML 요소’에서는 웹페이지를 만들 때 필요한 모든 요소를 살펴본다. HTML5을 집중적으로 다룬다. 2 장, ‘HTML 속성’에서는 HTML 요소와 같이 사용할 수 있는 속성을 살펴본다. 3장, ‘CSS 개념과 애플리케이션’에서는 선택자(selector)에 대해 주로 설명한다. 선택자는 CSS 속성이 어떤 요소에 적용될지를 결정한다. 4장, ‘CSS 프로퍼티: 파트I’에서는 애니메이션, 백그라운드, 박스 모델, CSS 유닛, 칼럼, 플렉스박스(Flexbox)의 프로퍼티를 다룬다. 5장, ‘CSS 프로퍼티: 파트2’에서는 폰트, 트랜스폼(transform), 전환(transition), 포지션(position), 텍스트, 테이블, 단어(word,) 단락(paragraph), 페이징(paging)을 다룬다. 6장, ‘CSS 프로퍼티: 파트3’에서는 페이지 박스, 리스트, 카운터, 섀도우 드롭(drop shadow), 디스플레이(display)와 가시성(visibility), 마스킹(masking)과 크리핑(clipping), 사용자 인터페이스 및 3D의 프로퍼티를 다룬다. 7장, ‘CSS 함수’에서는 필터, 트랜스폼, 색상, 그래디언트, 값을 다룬다. at-규칙, 전역 키워드 값, 기타 항목 등의 별도 개념도 다뤘다. 8장, ‘자바스크립트 구현, 기본 문법, 변수 타입’에서는 문법과 변수, 그리고 타입을 포함한 자바스크립트의 구현과 기본적인 언어 사항을 다뤘다. 이 장에서는 기본적인 스크립팅을 이해하고 시작할 수 있도록 해준다. 9장, ‘자바스크립트 표현식, 연산자, 문장, 배열’에서는 기본적인 자바스크립트 언어를 이해하고 더불어 고급 내용으로 나아간다. 자바스크립트 표현식, 기본 연산자, 문장, 배열을 소개하고, 더 나은 이해를 돕기 위해 예제를 포함한다. 10장, ‘자바스크립트 객체 지향 프로그래밍’에서는 객체 지향 프로그래밍의 기본 개념을 설명한다. 상속(inheritance), 다형성(polymorphism), 추상화(abstraction), 캡슐화(encapsulation)를 다룬다. 그리고 오브젝트, 클래스, 관련 메소드를 사용하는 방법을 배운다. 더 나은 이해를 돕기 위해 다양한 예제를 포함한다. 11장, ‘자바스크립트와 ECMAScript 6의 확장’에서는 2015년에 출시된 ECMAScript 6의 모든 새로운 기능을 다룬다. 오브젝트, 패턴, 문법적인 변경 사항, 기존 오브젝트의 새로운 메소드 등까지 모든 기능을 상세히 다룬다. 12장, '서버 단 자바스크립트: NodeJS’에서는 클라이언트 단이 아닌 서버 단에서의 자바스크립트를 작성하는 방법을 배운다. 특별한 NodeJS 오브젝트와 패러다임을 배우며, 자바스크립트와 관련된 다른 장의 개념도 다시 사용한다. 13장, '부트스트랩: 스타일리시 CSS 프론트엔드 프레임워크’에서는 반응형 웹사이트를 만들기 위한 직관적인 프레임워크인 부트스트랩에 대해 이야기한다. 부트스트랩은 자바 스크립트, HTML, CSS를 포함한다. 부트스트랩 프레임워크에 대한 자세한 내용을 제공하며, 반응형 레이아웃과 웹페이지를 만들 수 있게 해준다. 각 토픽은 관련 예제를 포함한다. 14장, ‘jQuery: 유명한 자바스크립트 라이브러리’에서는 HTML의 다양한 내용을 지원하는 자바스크립트 라이브러리인 jQuery를 집중적으로 설명한다. 신속한 개발을 위한 HTML 문서의 요소, 메소드, 이벤트 핸들링, 애니메이션, AJAX에 대해 배운다. 15장, ‘AngularJS: 구글의 맞춤형 프레임워크’에서는 외부 라이브러리를 다루는 내용 중 마지막 부분이다. 구글에 의해 소개된 가장 유명한 프레임워크인 Angular를 사용해 애플리케이션을 개발할 때 필요한 주요 콘셉트를 설명한다.

★ 지은이의 말 ★

이 책은 웹 개발자가 알아야 하는 많은 내용을 다룬다. 새롭거나, 알고 있거나, 이미 잊어버린 내용도 다룬다. 이 책의 첫 두 장에서는 HTML의 기본적인 요소(element)와 속성(attribute)을 다룬다. 다음 네 장에서는 CSS의 개념과 문법을 다룬다. 그다음 다섯 장에서는 자바스크립트에 대해 살펴본다. 마지막으로는 외부 라이브러리를 다룬다. 여기서는 부트스트랩(Bootstrap), jQuery, Angular를 포함한다. 이 책은 레퍼런스 가이드이므로, 쭉 읽어보는 참고서 형태를 취하지는 않았다. 각 장과 개념은 개별로 읽기 편하며, 필요할 때 관련 정보를 빨리 살펴볼 수 있도록 구성돼 있다.

★ 옮긴이의 말★

모바일과 클라우드의 등장은 웹 기술에 폭발적인 혁신을 가져왔다. 팀 버너스 리에 의해 소개된 초기의 월드 와이드 웹은 단방향으로 단순히 정보를 전달할 수 있었지만, Ajax와 시맨틱 웹 같은 다양한 기술을 통해 현재는 더욱 다양한 기능을 수행하고 있다. 월드 와이드 웹 기술의 이와 같은 발전과 함께 다양한 개발 기술들이 소개됐으며, 최근 가장 핵심 기술로 자바스크립트가 단연 두각을 나타내고 있다.
새로운 환경에 적합한 좀 더 강력한 프론트엔드와 유연한 백엔드가 필요해졌고, 이를 위해 많은 라이브러리와 프레임워크가 출시됐다. AngularJS나 NodeJS와 같이 자바스크립트로 구현된 다양한 프레임워크는 웹 애플리케이션 개발자들에게 많은 도움을 주고 있다. 하지만 이러한 프레임워크를 활용해 웹 애플리케이션을 개발하려면 HTML이나 CSS 같은 기본적인 기술뿐만 아니라 자바스크립트라는 언어 자체를 이해하고 있어야 한다.
자바스크립트는 Ajax의 등장으로 조명을 받기 시작했다. 원래는 클라이언트 단개발 언어였던 자바스크립트를 기반으로 서버 단 플랫폼인 NodeJS를 이용해 서버도 개발할 수 있게 됐으며, 가장 인기 있는 자바스크립트 라이브러리 중 하나인 jQuery를 통해 Ajax 호출과 DOM 조작이 더욱 쉬워졌다. 또한 MVC 패턴이 적용된 프레임워크로서 SPA 구축에 가장 최적화된 AngularJS 역시 자바스크립트를 기반으로 한다.
이 책은 웹 애플리케이션 개발 입문자에게 필요한 기본 요소를 빠짐없이 소개한다. 웹 기술의 기본이라 할 수 있는 HTML과 CSS를 비롯해 동적인 요소를 추가하기 위한 자바스크립트와 이를 활용한 서버 쪽 기술인 NodeJS, 그리고 웹 애플리케이션 개발에 관련된 기본적인 기술을 상세히 소개한다. 부트스트랩이나 jQuery, AngularJS와 같은 웹 프레임워크를 활용해 웹 애플리케이션을 더 효율적이고 멋지게 만드는 방법을 설명하고, 모바일 기기를 통한 웹 접속이 증가하면서 반응형 웹의 인기가 급증한 추세에 맞춰 웹 개발용 프론트엔드 프레임워크인 부트스트랩에 대해서도 살펴본다.
이 책은 웹 개발에 필요한 핵심 내용뿐 아니라 최근 가장 인기 있는 프레임워크들에 대한 내용도 담고 있으므로 웹 개발 입문자와 숙련된 개발자 모두에게 훌륭한 가이드가 될 것이라 믿는다.

목차
1장. HTML 요소
__DOCTYPE
____속성
____설명
__html
____속성
____설명
__문서 메타데이터
____head
____title
____link
____meta
____style
____base
____script
____noscript
__시맨틱 콘텐츠
____body
____section
____nav
____article
____Heading
____header
____footer
____address
____aside 64
____p
__content 섹션
____hr
____pre
____blockquote
____ol
____ul
____li
____dl
____dt
____dd
____figure
____figcaption
____div
____main
__인라인 요소
____a
____abbr
____bdo
____br
____cite
____code
____dfn
____em
____kbd
____mark
____q
____s
____samp
____small
____span
____strong
____sub
____sup
____time
____var
____wbr
__삽입된 콘텐츠
____img
____iframe
____embed
____object
____param
____video
____audio
____source
____track
__테이블
____table
____caption
____tbody
____thead
____tfoot
____tr
____td
____th
__폼
____form
____fieldset
____legend
____label
____input
____button
____select
____optgroup
____option
____textarea
__드로잉 요소
____canvas
____svg
2장. HTML 속성
__전역 속성
____accesskey
____class
____contenteditable
____data-*
____dir
____draggable
____hidden
____id
____lang
____spellcheck
____style
____tabindex
____title
__그 외 속성
____accept
____accept-charset
____action
____alt
____async
____autocomplete
____autofocus
____autoplay
____autosave
____cite
____cols
____colspan
____datetime
____disabled
____download
____content
____controls
____for
____form
____formaction
____height
____href
____hreflang
____label
____list
____loop
____max
____maxlength
____media
____method
____min
____multiple
____name
____novalidate
____pattern
____placeholder
____poster
____readonly
____rel
____required
____reversed
____rows
____rowspan
____scope
____selected
____size
____src
____start
____step
____type
____value
____width
____wrap
3장. CSS 개념과 애플리케이션
__기본 선택자
____단순 선택자
__연결자
____자손 연결자
____자식 연결자
____인접 형제 연결자
____일반 형제 연결자
____선택자 명시도
__가상 클래스
____링크 가상 클래스
____사용자 액션 가상 클래스
____구조적 선택자
__상태 선택자
____:checked
____:default
____:disabled과 :enabled
____:empty
____:in-range와 :out-of-range
____:invalid와 :valid
____:not 또는 부정
____:optional과 :required
____:lang()
__가상 요소
____::before와 ::after
____::first-letter
____::first-line
____::selection
__생성된 콘텐츠
____content
____인용 부호
4장. CSS 프로퍼티: 파트 1
__애니메이션
____기본 마크업과 CSS
____최종 CSS 코드
__백그라운드
____background-attachment
____background-blend-mode
____background-clip
____background-color
____background-image
____background-origin
____background-position
____background-repeat
____background-size
____background
__박스 모델
____width
____height
____padding
____margin
____Border
____box-sizing
____max-height
____max-width
____min-height
____min-width
____object-fit
____object-position
__Border radius
____border