반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    단계적 기능 향상을 이용한 모두를 위한 웹 디자인 - 위키북스 오픈소스 & 웹 시리즈 51

    단계적 기능 향상을 이용한 모두를 위한 웹 디자인 - 위키북스 오픈소스 & 웹 시리즈 51 UX를 고려한 웹 UI 만들기

    시리즈 : 위키북스 오픈소스 & 웹 시리즈 [49]

    원제 : Designing with Progressive Enhancement

    • 토드 파커 외 저
    • 남덕현 역
    • 위키북스
    • 2013년 06월 28일
    • 정가
      30,000원
    • 판매가
      27,000원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,500원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예정일

      출고예정일 안내

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

      close

      2026년 02월 04일(수)

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    수량
    바로 구매 쇼핑카트 담기 위시리스트
    회원리뷰
    - [0]
    ISBN: 9788998139278 492쪽 188 x 240 (㎜)

    지금 이책은

    • 판매지수 : 290

    이 분야의 베스트셀러

    이 책과 함께 구매한 책

    이 책이 속한 분야

    이 책의 시리즈

    전체 선택 쇼핑카트 담기
    시리즈 위키북스 오픈소스 & 웹 시리즈 (49)

    책 소개

    상품문의 / 정보수정 요청 >

    출판사 리뷰

    출판사 서평
    단계적 기능 향상(Progressive Enhancement)과 리치 인터넷 애플리케이션에 대한 접근 표준(WAI-ARIA)을 적용한 웹 UI 만들기!

    이 책에서는 단계적 기능 향상을 적용해 모든 사용자가 다양한 환경에?서 사용할 수 있는 웹 페이지를 만드는 방법을 소개한다.
    단계적 기능 향상의 개념을 설명하고, 그 개념이 적용된 웹 UI를 만들고, WAI-ARIA를 이용해 웹 접근성까지 고려한 최종 UI를 만드는 방법을 다양한 사례를 통해 설명한다. 또 사용자들이 접속하는 환경에 따라 그 환경에서 지원 가능한 기능과 ...
    단계적 기능 향상(Progressive Enhancement)과 리치 인터넷 애플리케이션에 대한 접근 표준(WAI-ARIA)을 적용한 웹 UI 만들기!

    이 책에서는 단계적 기능 향상을 적용해 모든 사용자가 다양한 환경에서 사용할 수 있는 웹 페이지를 만드는 방법을 소개한다.
    단계적 기능 향상의 개념을 설명하고, 그 개념이 적용된 웹 UI를 만들고, WAI-ARIA를 이용해 웹 접근성까지 고려한 최종 UI를 만드는 방법을 다양한 사례를 통해 설명한다. 또 사용자들이 접속하는 환경에 따라 그 환경에서 지원 가능한 기능과 스타일을 선택할 수 있게 브라우저의 지원 범위를 확인하는 스크립트들을 이용해 UI 모듈의 스타일과 기능 구현을 선택할 수 있는 방식을 소개하고, 각 예제 UI에 그 기법을 적용해 설명한다.
    각 예제의 UI를 만들기 위한 시맨틱 마크업의 작성, CSS의 적용, 기능과 동작을 위한 스크립트를 순서대로 차근차근 설명함으로써 누구든지 각 과정을 따라 하기만 하면 결과물을 만들 수 있는 형태로 구성돼 있다. 그리고 UI의 목적과 형태에 맞게 WAI-ARIA를 적용해 웹 접근성을 개선하기 위한 실무적인 방법을 소개한다.
    《출판사 리뷰》
    단계적 기능 향상은 다양한 사용자에게 가능한 최상의 경험을 제공하는 것을 목적으로 삼고, 코드 작성과 테스트도 단순화하는 웹 개발 접근법이다. 사람들이 사이트에 어떤 기기를 통해 접근하든(아이폰이나 최신 사양의 컴퓨터, 또는 스크린리더를 이용해) 이해하고 사용하기 쉬운 경험이 돼야 하고 가능한 한 모든 기능을 이용할 수 있어야 한다.

    이 책이 바로 그렇게 하는 방법을 보여 줄 것이다. 이 책은 단계적 기능 향상의 원리와 장점을 이해하기 위한 실무 가이드일 뿐 아니라 여러분이 디자이너이든 개발자든 상관없이 단계적 기능 향상을 구현하는 구체적인 코드와 스크립트를 언제, 어느 부분에 어떻게 적용하는지 알려줄 것이다.
    ★ 이 책에서 다루는 내용 ★
    ◎ 일반적인 코딩 방식이 사용자를 배려하지 않는 이유와 단계적 기능 향상이 좀 더 포괄적으로 접근하는 대안이 될 수 있는 방법
    ◎ 복잡한 인터페이스 디자인을 분석하고, 어떤 환경에서도 동작하는 시맨틱 HTML 경험의 기초를 다지고, 그 위에 개선 사항을 안전하게 추가하는 방법
    ◎ 기능 향상을 적용할 수 있는 기기에만 기능 향상을 반영하는 데 도움이 되는 브라우저 테스트
    ◎ 단계적 기능 향상을 적용하기 위한 HTML, CSS, 자바스크립트 코드 작성의 실무 사례와 HTML5와 CSS3 기법을 효과적으로 적용할 수 있는 사례
    ◎ 범용적인 접근을 보장하기 위한 WAI-ARIA 및 키보드 지원과 같은 접근성 기능 적용 방법
    ◎ 시맨틱 HTML을 프로젝트에 바로 적용할 수 있는 jQuery 기반 위젯을 비롯한 슬라이더, 탭, 트리 컨트롤, 차트와 같은 인터랙티브 컴포넌트로 변환하는 구체적인 기법

    저자 소개

    토드 파커
    • 구분 : 저서
    • 국적 : 기타
    • 분류 : 과학/공학 저자
    • 인기지수 : 11
    최근저서

    토드 파커는 무선 전화기와 팜(Palm)에서부터 터치스크린 태블릿, 키오스크, 웹사이트에 이르기까지 다양한 기기의 기술적 이슈와 인터페이스의 제약 조건을 최대한 활용하는 여러 기능과 높은 접근성을 제공하는 직관적인 인터페이스 제작과 관련된 10년 이상의 경험을 가지고 있다. 그는 필라멘트 그룹 설립의 초기 멤버로서 ZEFER Corp와 CSC Consulting에서 선임 UX 디자이너로 일했다. 토드의 작업은 Communication Arts Magazine에서 디자인의 우수성을 인정받았다.

    스콧 젤
    • 구분 : 저서
    • 국적 : 대한민국
    • 분류 : 과학/공학 저자
    • 인기지수 : 11
    최근저서

    스콧 젤은 그래픽 디자인을 전공했지만 그의 능력은 디자인과 개발을 넘나든다. 그는 필라멘트 그룹의 초기 멤버로서 New England Journal of Medicine, Footjoy Golf, Aspen Snowmass Resorts 같은 고객과 함께 일했다. 웹사이트의 사이트 맵을 시각적으로 만들어 주는 ajax 웹 애플리케이션인 WriteMaps.com을 운영 중이며, jQuery 디자인 팀의 멤버이기도 하다.

    패티 톨랜드
    • 구분 : 저서
    • 국적 : 기타
    • 분류 : 과학/공학 저자
    • 인기지수 : 11
    최근저서

    패티 톨랜드는 필라멘트 그룹의 설립 파트너다. 20년 넘게 해 온 기업 및 교육 단체와의 컨설팅 경험을 필라멘트로 가져왔고, 다양한 미디어에 걸친 커뮤니케이션에 집중하고 있다. 그녀의 전문성은 브랜딩, 요소 분석, 정보 설계, 시스템 디자인, 글쓰기를 포함해 정보와 커뮤니케이션 전략을 개발하는 데 있다. 그녀는 필라멘트 그룹의 설립 멤버로서 ZEFER Corp., US Peace Corps, Kohn Cruikshank Inc., 하버드 비즈니스 스쿨에서 일했다.

    메기 코스텔로 와치스
    • 구분 : 저서
    • 국적 : 기타
    • 분류 : 과학/공학 저자
    • 인기지수 : 11
    최근저서

    메기 코스텔로 와치스(Maggie Costello Wachs)는 필라멘트 그룹의 코딩과 산출물을 담당하고 있다. 그녀는 생산되는 모든 내용의 품질을 확인한다. 프론트 엔드 코딩에 대한 그녀의 전문성은 단계적 기능 향상을 적용해 최적으로 동작하는 표준 호환 마크업, CSS, 스크립트를 만드는 데 집중돼 있다. 필라멘트 그룹의 초기 멤버로서 Monitor Group과 ZEFER Corp.에서 일했다.

    역자 소개

    남덕현
    • 국적 : 대한민국
    • 분류 : 과학/공학 저자
    • 인기지수 : 110
    최근저서

    SK커뮤니케이션즈, NHN에서 UI개발 업무를 담당했다. 『제프리 젤드만의 웹표준 가이드』(위키북스, 2007) 감수, 『CSS 완벽 가이드』(위키북스, 2009),  『스타일로 말해요』(위키북스, 2010)를 번역했다. 웹과 맥, 그리고 책읽기를 좋아하고, 글쓰기와 번역에 관심을 갖고 있다. SK커뮤니케이션즈 UI개발팀에서 근무하고 있다.

    책 속에서

    최근 몇 년 간 웹은 많은 변화를 겪었다. PC 중심의 웹이 모바일 중심으로 이동했고, 그에 맞춰 사람들의 행동 패턴이나 사고 방식도 크게 바뀌었다. 스마트폰은 이제 누구나 쓰는 필수품으로 자리 잡았고, 버스나 지하철에서 스마트폰을 들여다보지 않는 사람이 거의 없을 정도다.

    웹의 중심이 PC에서 모바일로 자연스럽게 옮겨지면서 모바일 환경에 대응하기 위한 웹을 만드는 기술과 방법도 iOS나 안드로이드와 같은 운영체제를 위한 네이티브 앱, 모바일 웹과 앱을 연동하는 하이브리드 앱, 그리고 모바일 웹 등의 형태로 점점 다양해지고 있다.

    빠르게 변화하는 속도만큼이나 새로운 기술과 방법들이 쏟아져 나오고, 환경에 적응하지 못한 기술들은 개발자나 사용자에게 외면받기도 한다. 장밋빛 미래가 펼쳐질 것처럼 관심과 집중을 받던 기술이나 플랫폼이 한순간에 역사의 뒤안길로 사라져가는 사례들을 우리는 그동안 심심찮게 봐왔다. 이런 환경에서 웹을 만든다고 할 때, 가능하면 특정 기술이나 플랫폼에 국한되지 않고, 범용적으로 다양한 환경에서, 그리고 더 많은 사람들이 접근할 수 있게 만들고 싶을 것이다. 미래를 예측할 수 없는 불확실한 환경에서 어쩌면 이것은 현실과 동떨어진 이상적인 것이라고 말할지도 모르겠다. 이 이상이 현실이 될 수는 없는 걸까?

    이와는 살짝 다른 측면에서 그동안 먼나라 얘기로만 인식돼 왔던 웹 접근성에 대해 생각해 보자.
    올해 4월부터 장애인 차별 금지법이 시행되면서 그동안 밀린 숙제로만 여겨졌던 웹 접근성 확보는 이제 필수사항이 됐다. 하지만 이론적으로 알고 있는 방법들을 실제 서비스에 적용하는 것은 생각처럼 쉬운 일은 아니다. 웹접근성 확보를 위해 어떤 부분에서는 기존에 잘못된 방법으로 적용돼 있던 것을 전체적으로 손봐야 하는 일이 생길 수도 있다. 기초부터 제대로 만들지 않고 임시방편으로 그때그때 대응하다 보면 결국에는 돌이킬 수 없는 상황을 맞이하게 될 것이다. 겉으로 보이는 높은 완성도도 중요하지만 그보다 내부적으로 탄탄한 기초를 잡는 것이 더 우선돼야 한다. 그렇게 하는 것이 모든 사람들이 웹을 사용할 수 있게 하는 최선의 방법일 것이다.

    이 책은 그동안 우리가 머리로는 알고 있어도 실무에서는 어느 정도 무시하고 지나쳤던 내용에 대해 다시 한번 생각해 보게 한다. 웹 접근성에 대한 내용도 그렇고, 기본적인 사용성과 UX에 대한 내용도 그렇다. 그동안 깊이 생각해 보지 않고 맹목적으로 트렌드에 이끌려 사용해 오던 기술과 UI 구현에 대해 한번 더 생각해 보고 지난 작업들을 돌아보게 한다.

    혹시 당신이 개발자라면, 그동안 최신 사양의 PC와 모바일 환경에서만 볼 수 있는 웹 페이지를 만들어 오지는 않았는가? 사업적인 측면을 고려한다면 금전적인 부분과 작업 일정이 중요한 사항이기 때문에 어쩔 수 없이 대응 범위를 세부적으로 정하고 진행할 수밖에 없다고 생각할지도 모르겠다.

    한 가지 다른 예로, 컴퓨터를 배워 보시겠다고 돋보기 안경을 쓰고 브라우저로 인터넷 포털에 어렵게 접속하고 계시는 나이 드신 부모님으로부터 화면 글씨가 작으니 더 크게 바꿔달라는 부탁을 받아본 적이 있는가? 그런 부모님에게 폰트 크기가 12 픽셀로 고정된 사이트를 어떻게 크게 보여드려야 할지 난감한 고민에 빠져 본 적이 있는가? 사실 그 시점에서 부모님에게 중요하면서 꼭 필요한 것은 레이아웃이 조금 틀어져 보이는 사이트의 겉모습이 아니라 크게 조정될 수 있는 텍스트다.

    웹은 모두를 위한 것이다. 일반적으로 모든 사람들이 그렇게 생각하고 있다. 하지만 실제로 웹을 만들어 보면 꼭 그런 건 아니구나, 라는 생각이 들기도 한다. 모든 프로젝트에는 QA 통과 기준이 있다. 생각해 보면 모두를 위한 웹을 만드는 것인데 대응 기준 자체가 있다는 것이 말이 안 되는 것이다. 머리로는 이해가 되지만 서비스의 특성이나 기능 구현을 생각해 본다면 현실적으로 받아들이기에는 조금 힘든 생각이기도 하다.

    그처럼 받아들이기 힘든 부분을 가능하게 하려면 일정 부분은 포기해야 할 수도 있다. 하지만 웹 페이지가 모든 사용자에게 똑같은 모습으로 보이기보다는 동일한 사용성을 갖추는 것이 더 중요한 과업이라 생각한다. 그런 측면에서 봤을 때, 이 책에서 다루고 있는 단계적 기능 향상(Progressive Enhancement)은 모두를 위한 웹을 만들기 위한 하나의 방법론이 될 수 있을 것이다. 특정 기술이나 플러그인에 국한되지 않고 웹에서 사용되는 기본적인 HTML, CSS, 자바스크립트를 이용해 차근차근 설명해 나간다. 아직까지 국내에서는 초기 단계라고 볼 수 있는 웹 접근성에 대한 설명과 대응 방법도 다루고 있기 때문에 실제로 개발 중인 프로젝트에 바로 적용할 수 있는 내용도 많을 것이다.

    웹 분야와 관련된 좋은 원서가 있으면 그것을 좀 더 빨리 번역해서 국내에 소개하고 싶었던 개인적인 바람으로 이 책의 번역을 시작하게 됐다. 좋은 것은 함께 나누고 함께 알면 좋겠다는 생각을 항상 하고 있기 때문이다. 비록 그 바람이 빠른 시간 안에 이뤄지지는 않았지만 이 책에 담긴 생각과 내용은 여전히 훌륭하다고 생각한다. 이 책을 번역하면서 웹에 대한 최신 기술과 트렌드에 관심을 가지는 것도 중요하지만 웹에 대한 근본적이면서 지속적인 고민도 필요하다는 점을 느꼈다. 부디 이 책에서 설명하는 개념과 예제가 실제로 이 책을 읽는 독자들에게 많은 도움이 됐으면 하는 바람이다.

    흔히, 점진적 향상이라고도 번역되는 ‘Progressive Enhancement’를 이 책에서는 ‘단계적 기능 향상’이라고 번역했다. ‘점진적’이라는 용어를 경사가 있는 오르막 길에 비유한다면 ‘단계적’이라는 용어를 계단에 비유할 수 있을까? ‘점진적 향상’보다는 ‘단계적 기능 향상’이라는 용어가 이 책에서 설명하는 내용을 좀 더 구체화하는 데 적절하다고 생각했다.
    - 역자 서문 중에서

    목차

    목차
    ▣ 00장: 단계적 기능 향상을 이용한 디자인 사례
    더 넓어진 웹 세상
    - 모든 사람이 웹을 이용하고 있거나 곧 그렇게 될 것이다.
    - 사용자의 기대감 이끌기
    - 사용자 접근성 필요 증대
    - 다른 기기를 이용?한 웹 접속의 증가
    - 기기와 브라우저의 질긴 생명의 끈
    웹 2.0의 지뢰들
    - 브라우저에 대한 편협한 관점
    - “자바스크립트가 꼭 필요”하다면 많은 사용자가 떠날 것이다.
    - CSS는 또 다른 오류가 발생할 잠재성이 있다
    - 부가기능의 블랙 박스
    - 새로운 기기는 예상하지 못한 인터랙션 규칙을 동반한다.
    단계적 기능 향상이 방법이다
    [1부] 테스트 주도적인 단계적 기능 향상 접근법
    ▣ 01장: 접근 방식
    브라우저 성능 테스트
    단계적 기능 향상을 위한 계획 : 자세히 살펴보기
    설계에서 적용까지: 단계적 기능 향상을 적용한 개발 요소 만들기
    실전에 적용하기
    ▣ 02장: 단계적 기능 향상 적용하기 : 자세히 살펴보기
    자세히 살펴보기 개요
    - 콘텐츠 계층구조 정의와 컴포넌트 HTML 매핑
    - 기초 마크업, 최소한의 안전 스타일 만들기
    - 마크업, 스타일, 스크립트 개선사항 적용하기
    사례 1: 뉴스 웹 사이트에서의 구조와 구성 계획하기
    - 콘텐츠 구성과 네이밍 평가하기
    - 콘텐츠 구성을 위한 기본 HTML 계층구조 특성 이용
    - 내비게이션 구조잡기
    - 레이어 콘텐츠와 애니메이션 콘텐츠 적용
    - 동적인 필더링과 정렬 지원
    사례 2: 결제 페이지 프로세스, 유효성, 데이터 전송
    - 결제 페이지 디자인 파헤치기
    - 접근성을 보장하기 위한 폼 마크업
    - 제약사항과 검증절차 적용하기
    - 기본 경험과 향상된 경험 결합하기
    사례 3 : 인터랙티브한 데이터의 시각화
    - 예산 라인 그래프를 위한 기초 마크업 선택
    - 접근성이 높은 슬라이더 폼의 기초 마크업 만들기
    - 파이 그래프 만들기
    사례 4: 브라우저에서 모든 기능이 지원되는 포토 매니저
    - 글로벌 내비게이션 요소 마크업하기
    - 복잡한 앨범과 다중 인터랙션 지원하기
    - 사용자 정의 폼과 오버레이 메뉴 만들기
    - 뒤로 가기 버튼 지원하기
    ‘자세히 살펴보기’를 적용할 때 필요한 체크리스트
    ▣ 03장: 의미있는 마크업 만들기
    텍스트와 이미지 마크업
    - 의미있는 마크업 텍스트를 표현하기 위한 요소
    - 리스트(List)
    - 표를 이용한 데이터(tabular data)
    - 이미지(Images)
    - 리치 미디어(Embedded rich media)
    - 외부 페이지 콘텐츠 추가하기
    인터랙티브한 콘텐츠 마크업하기
    - 앵커 링크
    - 폼 구조
    - 폼 제어
    페이지의 문맥 작성하기
    - 블록 vs. 인라인 요소를 사용할 때 알아야 할 것
    - ID와 class를 이용해 요소 인식하기
    - WAI-ARIA 랜드마크 role을 이용해 메인 페이지 인식하기
    - 읽을 수 있는 코드 순서 유지하기
    - title 어트리뷰트를 이용하라
    HTML 문서 설정하기
    - DOCTYPE
    - 문서의 헤더
    접근성 추가하기
    - 접근성 가이드라인과 법률 표준
    - 웹 콘텐츠 접근성 가이드라인 (Web Content Accessibility Guidelines, WCAG)
    ▣ 04장: 효과적으로 스타일 적용하기
    페이지에 CSS 적용하기
    - 외부 스타일스트에서 스타일 운영하기
    - 외부 스타일시트 연결하기
    - 의미있는 명명 규칙 사용하기
    기본 경험과 향상된 경험 스타일 입히기
    - 기본 경험을 제공하는 안전한 스타일
    - 향상된 경험을 제공하는 스타일 적용하기
    접근성 고려하기
    브라우저의 비일관성과 버그 다루기
    - 조건부 주석
    - 일반적인 이슈와 해결책
    ▣ 05장: 스크립트를 이용한 향상과 인터랙션
    자바스크립트 올바르게 참조하기
    - 인라인 자바스크립트 사용 금지
    - 외부 자바스크립트 참조하기
    기본 경험에서 자바스크립트 위치 이해하기
    스크립트 향상을 위한 실무 사례
    - 콘텐츠가 준비되면 스크립트를 실행하라
    - 마크업에 동작 적용하기
    - 자바스크립트를 이용해 향상된 마크업 만들기
    - 콘텐츠의 노출 관리하기
    - 스타일 향상 적용하기
    사용성과 접근성의 유지와 강화
    - 키보드 접근 적용하기
    - WAI-ARIA 어트리뷰트 지정하기
    - 접근성 테스트
    - 뒤로 가기 버튼의 관리
    ▣ 06장: 브라우저 성능 테스트
    EnhanceJS : 성능 테스트 프레임워크
    EnhanceJS의 매커니즘 : 테스트 방법
    EnhanceJS를 이용해 개선사항 적용하기
    EnhanceJS 설정
    - 추가 스타일시트 로딩하기
    - 추가 스크립트 로딩하기
    - 경험 토글 링크 수정하기
    - EnhanceJS의 pass/fail 조정하기
    EnhanceJS 테스트 세트 확장하기
    - EnhanceJS 옵션으로 테스트 세트 수정하기
    - EnhanceJS의 인스턴스 생성하기
    - 디버깅을 위한 성능 테스트 경고 활성화
    서버에서 EnhanceJS 최적화하기
    [2부] 단계적 기능 향상 적용하기
    ▣ 07장: 단계적 기능 향상을 적용한 위젯 만들기
    위젯 코딩 방법
    위젯 예제 다루기
    예제 코드 내려받기
    ▣ 08장: 접을 수 있는 콘텐츠
    자세히 살펴보기
    접근이 쉬운 접을 수 있는 콘텐츠 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 접을 수 있는 스크립트 적용
    접을 수 있는 스크립트 사용하기
    ▣ 09장: 탭 메뉴
    자세히 살펴보기
    탭 메뉴 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 탭 메뉴 스크립트
    좀 더 개선하기
    - 즐겨 찾기와 방문기록(뒤로 가기 버튼) 탐색
    - 자동으로 회전하는 탭
    - 외부 탭 콘텐츠 참조하기
    - 아코디언처럼 보이기
    탭 스크립트 이용하기
    ▣ 10장: 툴팁
    자세히 살펴보기
    title 콘텐츠로 툴팁 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 향상된 툴팁 스크립트
    앵커 링크로 툴팁 만들기
    외부 소스로 툴팁 만들기
    툴팁 스크립트 사용하기
    ▣ 11: 트리구조 메뉴
    자세히 살펴보기
    트리 메뉴 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 향상된 트리 스크립트
    트리 메뉴 스크립트 이용하기
    ▣ 12장: HTML5 canvas를 이용한 그래프
    자세히 살펴보기
    기초 마크업
    그래프에 접근성 추가하기
    - 테이블 데이터 파싱하기
    - 데이터를 가시화하기 위해 canvas 이용하기
    - 향상된 테이블 스타일 적용하기
    - 데이터 접근성 유지하기
    canvas 그래프 좀 더 살펴 보기: visualize.js 플러그인
    ▣ 13장: 대화 상자와 오버레이 메뉴
    자세히 살펴보기
    대화상자 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 개선된 대화상자 스크립트
    대화상자 좀 더 깊이 살펴보기
    대화상자 스크립트 이용하기
    ▣ 14장: 버튼
    자세히 살펴보기
    input 기반 버튼 스타일 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - hover 상태 스크립트 작성
    버튼에 좀 더 복잡한 비주얼 적용하기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - input을 button으로 변경하는 스크립트
    input을 button으로 변경하는 스크립트 이용하기
    버튼 좀 더 깊이 살펴보기
    ▣ 15장: 체크박스, 라디오 버튼, 별점
    자세히 살펴보기
    사용자 정의 체크박스 만들기
    - 기초 마크업
    - 향상된 마크업과 스타일
    - 체크박스 스크립트
    사용자 정의 라디오 버튼 만들기
    - 기초 마크업
    - 향상된 마크업과 스타일
    - 라디오 버튼 스크립트
    사용자 정의 input 좀 더 살펴보기 : 별점 위젯
    - 기초 마크업
    - 향상된 마크업과 스타일
    - 별점 위젯 스크립트 만들기
    사용자 정의 input과 별점 스크립트 사용하기
    ▣ 16장: 슬라이더
    자세히 살펴보기
    슬라이더 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    - 슬라이더 스크립트
    슬라이더 스크립트 이용하기
    ▣ 17장: 셀렉트 메뉴
    자세히 살펴보기
    접근성이 고려된 사용자 정의 셀렉트 만들기
    - 기초 마크업과 스타일
    - 향상된 마크업과 스타일
    -

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved