• 베스트
  • 소득공제
  • 무료배송

실무로 통하는 웹 API - 파일 처리 애니메이션 음성 인식 저장소 웹 컴포넌트까지 기능으로 배우고 구현으로 완성하다

  • 조 아타디
  • 김태곤
  • 한빛미디어
  • 2025년 09월 01일
사용자 평점
0리뷰 0개
10%24,300원27,000원
적립금
1,350원 (5% 적립)
추가 적립 안내

  • 5만원 이상 결제 시 (*배송비 제외)

    정가제FREE(상품/사은품) 금액이
    2,000원 이상이면 2,000원 추가적립

  • 10만원 이상 결제 시 (*배송비 제외)

    정가제FREE(상품/사은품) 금액이
    2,000원 이상이면 2,000원 추가적립

    정가제FREE(상품/사은품) 금액이
    5,000원 이상이면 5,000원 추가적립

결제혜택

회원가입 시 적립금 즉시 지급!

등록 페이지로 이동
배송비
무료 (해외배송의 경우 지역에 따라 상이)

배송안내

배송비 안내
  • 1만원 이상 주문 시 무료배송 입니다.
  • 주문하신 상품을 해외로 배송 하시는 경우에는 별도의 항공료 가 부과됩니다
서울특별시 강남구 강남대로 542(논현동, 영풍빌딩)
지역변경
지역변경
주문 수량 변경시 안내

[주문/배송] 주문 수량 변경 시 안내

주문 수량 변경 시,배송일정이 변경될 수 있으니 반드시 확인해 주시기 바랍니다.
(고객센터 1544-9020)

지금 주문하면 9/28(월) 출고 가능
택배보다 빠른, 나우드림
상품 규격 정보
상품상세정보
ISBNISBN-13 : 9791169214261
쪽수324쪽
크기기타 규격
제품구성단행본
이 책이 속한 분야
  • 컴퓨터/IT > 인터넷
관련 이벤트

AI추천 이유

책 소개

실무에 바로 통하는 웹 API, 예제로 배우는 가장 실용적인 활용법

이 책은 미디어, 클립보드, 알림 등 현대 웹 개발에 꼭 필요한 브라우저 기반 API를 풍부한 코드 예제와 함께 다룬 실전 가이드입니다. 각 장은 ‘문제’ - ‘해결’ -’설명’ 구조로 구성되어 있어 필요한 기능을 빠르게 찾아 적용할 수 있으며, 기능이 잘 작동하는지 확인해야 하는 실무적 주의 사항도 함께 제시해 활용도를 높였습니다.

방대한 웹 API를 조합해 실제 서비스를 구현하는 과정을 통해 이론과 실무를 자연스럽게 연결합니다. 신입 개발자에게는 웹 브라우저와 표준 API의 핵심 원리를 익힐 기회를 제공하고, 프레임워크나 라이브러리에 의존하지 않는 프런트엔드 개발의 새로운 가능성도 보여줍니다. ‘브라우저가 곧 플랫폼’이 된 시대, 이 책은 웹 개발자가 반드시 알아야 할 내용을 가장 실용적인 방식으로 전달합니다.

목차

[목 차]
  

CHAPTER 1 비동기 API

_1.0 소개

_1.1 Promise 다루기

_1.2 이미지 로딩 에러에 대비하기

_1.3 Promise 체이닝

_1.4 async/await 키워드 사용

_1.5 Promise 병렬 사용

_1.6 requestAnimationFrame을 사용한 엘리먼트 애니메이션

_1.7 이벤트 기반 API를 Promise로 감싸기

 

CHAPTER 2 웹 스토리지 API를 사용한 데이터 저장

_2.0 소개

_2.1 웹 스토리지 지원 확인

_2.2 문자열 데이터 저장

_2.3 단순한 객체 저장

_2.4 복합적인 객체 저장

_2.5 스토리지 변경 리스닝하기

_2.6 저장된 모든 키 가져오기

_2.7 데이터 삭제

 

CHAPTER 3 URL과 라우팅

_3.0 소개

_3.1 상대적 URL 파악하기

_3.2 URL에서 쿼리 파라미터 제거하기

_3.3 URL에 쿼리 파라미터 추가하기

_3.4 쿼리 파라미터 읽기

_3.5 간단한 클라이언트 측 라우터 작성하기

_3.6 패턴에 일치하는 URL 찾기

 

CHAPTER 4 네트워크 요청

_4.0 소개

_4.1 XMLHttpRequest를 사용한 요청 전송

_4.2 Fetch API를 사용한 GET 요청 전송

_4.3 Fetch API를 사용한 POST 요청 전송

_4.4 Fetch API를 사용한 파일 업로드

_4.5 비콘 전송

_4.6 서버 전송 이벤트로 원격 이벤트 리스닝하기

_4.7 웹소켓을 통한 실시간 데이터 교환

 

CHAPTER 5 IndexedDB

_5.0 소개

_5.1 데이터베이스의 객체를 만들고, 읽고, 삭제하기

_5.2 기존 데이터베이스 업그레이드

_5.3 인덱스 조회

_5.4 커서를 사용한 문자열 값 검색

_5.5 대규모 데이터 페이징

_5.6 IndexedDB API와 Promise 사용하기

 

CHAPTER 6 DOM 엘리먼트 감시

_6.0 소개

_6.1 이미지가 가시 영역에 있을 때 게으르게 로딩하기

_6.2 IntersectionObserver를 Promise로 감싸기

_6.3 동영상을 자동으로 멈추고 재생하기

_6.4 높이 변화 애니메이션 만들기

_6.5 엘리먼트의 크기에 따라 콘텐츠 바꾸기

_6.6 엘리먼트가 가시 영역에 있을 때 페이드인 적용하기

_6.7 무한 스크롤 사용하기

 

CHAPTER 7 폼

_7.0 소개

_7.1 로컬 스토리지의 값으로 폼 필드 채우기

_7.2 페치와 폼데이터 API를 사용한 폼 채우기

_7.3 폼을 JSON 형식으로 전송하기

_7.4 폼 필드를 필수 입력으로 만들기

_7.5 숫자만 입력할 수 있도록 만들기

_7.6 유효성 검사 패턴 설정하기

_7.7 폼 유효성 검사

_7.8 사용자 정의 유효성 검사 로직 사용하기

_7.9 체크박스 그룹 유효성 검사

_7.10 비동기적으로 폼 필드 유효성 검사하기

 

CHAPTER 8 웹 애니메이션 API

_8.0 소개

_8.1 클릭할 때 물결 효과 적용하기

_8.2 애니메이션 시작과 중지

_8.3 DOM 추가와 제거 애니메이션

_8.4 역방향 애니메이션

_8.5 스크롤 프로그레스 바

_8.6 통통 튀는 엘리먼트

_8.7 여러 애니메이션 동시 실행

_8.8 로딩 애니메이션

_8.9 사용자 설정에 따르는 애니메이션

 

CHAPTER 9 웹 스피치 API

_9.0 소개

_9.1 텍스트 필드에 받아쓰기 추가하기

_9.2 Promise 기반 음성 인식 도우미 작성하기

_9.3 사용할 수 있는 목소리 확인하기

_9.4 음성 합성

_9.5 음성 합성 커스터마이징

_9.6 음성 합성 자동으로 중단하기

 

CHAPTER 10 파일 다루기

_10.0 소개

_10.1 파일에서 텍스트 읽기

_10.2 이미지를 Data URL로 읽기

_10.3 동영상을 객체 URL로 읽기

_10.4 드래그앤드롭을 통한 이미지 읽기

_10.5 권한 확인하고 요청하기

_10.6 API 데이터를 파일로 내보내기

_10.7 API 데이터를 다운로드 링크로 내보내기

_10.8 드래그앤드롭으로 파일 업로드하기

 

CHAPTER 11 국제화

_11.0 소개

_11.1 날짜 포맷하기

_11.2 포맷된 날짜 일부 가져오기

_11.3 상대적인 날짜 포맷하기

_11.4 숫자 포맷하기

_11.5 특정 소수점 자리에서 반올림하기

_11.6 가격 범위 형식 설정하기

_11.7 측정 단위 형식 설정하기

_11.8 복수형 규칙 적용하기

_11.9 문자 수, 단어 수, 문장 수 세기

_11.10 목록 형식 설정하기

_11.11 이름 배열 정렬하기

 

CHAPTER 12 웹 컴포넌트

_12.0 소개

_12.1 오늘 날짜를 보여주는 컴포넌트 작성

_12.2 임의의 날짜를 포맷하는 컴포넌트 작성

_12.3 피드백 컴포넌트 작성

_12.4 프로필 카드 컴포넌트 작성

_12.5 게으른 로딩 이미지 컴포넌트 작성

_12.6 더보기 컴포넌트 작성

_12.7 스타일이 적용된 버튼 컴포넌트 작성

 

CHAPTER 13 UI 엘리먼트

_13.0 소개

_13.1 경고창 작성

_13.2 확인창 작성

_13.3 확인창 웹 컴포넌트 작성

_13.4 더보기 엘리먼트 사용

_13.5 팝오버 표시

_13.6 팝오버 수동으로 조작하기

_13.7 팝오버의 위치를 엘리먼트에 상대적인 위치로 설정하기

_13.8 툴팁 표시

_13.9 알림 표시

 

CHAPTER 14 기기 통합

_14.0 소개

_14.1 배터리 상태 확인

_14.2 네트워크 상태 확인

_14.3 기기 위치 확인

_14.4 지도에 기기 위치 표시

_14.5 텍스트 복사하고 붙여넣기

_14.6 웹 공유 API를 사용한 콘텐츠 공유

_14.7 기기 진동하기

_14.8 화면 방향 확인

 

CHAPTER 15 성능 측정

_15.0 소개

_15.1 페이지 로딩 성능 측정

_15.2 리소스 성능 측정

_15.3 가장 느린 리소스 탐지

_15.4 특정 리소스의 타이밍 확인

_15.5 렌더링 성능 프로파일링

_15.6 다단계 작업 프로파일링

_15.7 성능 측정 항목 감시

 

CHAPTER 16 콘솔 다루기

_16.0 소개

_16.1 콘솔 출력 꾸미기

_16.2 로그 수준 사용

_16.3 이름이 정해진 로그 함수 사용하기

_16.4 객체 배열을 표로 출력

_16.5 콘솔 타이머 사용

_16.6 콘솔 그룹 사용

_16.7 카운터 사용

_16.8 변수와 변수의 값 기록

_16.9 스택 추적 기록

_16.10 기댓값 검증

_16.11 객체의 프로퍼티 조사

 

CHAPTER 17 CSS

_17.0 소개

_17.1 텍스트 영역 강조하기

_17.2 텍스트의 깜빡임 현상 방지

_17.3 DOM 전환 애니메이션

_17.4 실행 중에 스타일시트 변경하기

_17.5 조건에 따른 CSS 클래스 설정

_17.6 미디어 쿼리 확인

_17.7 엘리먼트의 계산된 스타일 구하기

 

CHAPTER 18 미디어

_18.0 소개

_18.1 화면 녹화

_18.2 사용자의 카메라에서 이미지 캡쳐

_18.3 사용자의 카메라 영상 표시

_18.4 시스템 미디어 지원 확인

_18.5 동영상 필터 적용

 

CHAPTER 19 마치며

_19.0 소개

_19.1 서드파티 라이브러리

_19.2 브라우저 버전이 아닌 기능을 탐지할 것

_19.3 폴리필

_19.4 다가올 미래

추천사

    김호영 (고등과학원 거대수치계산연구센터)

    사람이 혼자 살아갈 수 없듯, 오늘날의 웹 서비스도 단독으로 작동하는 경우는 드뭅니다. 다양한 서비스들이 API라는 질서 아래에서 서로 데이터를 주고받으며 유기적으로 연결되어 있습니다. 그동안 습관처럼 사용해 온 서드파티 라이브러리에 의존하지 않고, 이제는 모던 브라우저만으로도 많은 기능을 직접 구현할 수 있는 시대가 되었습니다.

    이 책은 과거 무심코 남용했던 잘못된 코딩 습관을 돌아보게 하고, 더욱 견고하고 명확한 코드로 나아갈 수 있도록 방향을 제시해 주는 책입니다. 실무자라면 꼭 한 번 읽어보길 추천합니다.

     

    이문환 (LG CNS AICX:Innovation 팀)

    『실무로 통하는 웹 API』는 현대 웹 개발에 필수적인 브라우저 내장 기능을 실무에 바로 적용할 수 있도록 구성된 실전 가이드입니다. 웹소켓, 웹스토리지, IndexedDB, DOM 옵저버 등 주요 기능을 별도 라이브러리 없이 구현할 수 있다는 점은 이 책의 큰 강점입니다. 단순히 코드를 나열하는 데 그치지 않고, 각 기능이 실제로 작동하는지 확인해야 한다는 실무적 주의 사항도 함께 제시해 실용성을 높였습니다. 또한, 각 장에서는 Promise 기반의 비동기 처리 패턴과 구조적인 예제를 함께 제공해 실제 응용에 도움이 됩니다.

     

    AI, 멀티모달, UX 혁신 등 웹 기술이 빠르게 변화하는 지금, 웹 브라우저 하나로 구현 가능한 기능에 대한 이해는 더욱 중요해지고 있습니다. 이 책은 그런 표준 API 중심의 개발 역량을 기르는 데 적합합니다. 웹 API의 원리부터 실전 적용까지 한 권으로 익히고 싶은 개발자분들께 자신 있게 추천드립니다.

     

    최성욱 (삼성전자 VD사업부 Security Lab)

    AI 서비스가 쏟아지는 시대에, 새로운 기술과 서비스를 매일 접하며 웹 기반 서비스 개발의 중요성을 더 실감하게 됩니다. 이제 우리는 웹 브라우저 하나로 거의 모든 일을 할 수 있는 시대에 살고 있습니다.

     

    이 책은 그런 웹 환경에서 작동하는 모던 웹 API를 중심으로, 최신 브라우저 표준을 활용한 실전 개발 가이드를 제공합니다. 오늘날의 웹 브라우저는 서버 통신, 스토리지, 반응형 UI 등 대부분의 기능을 표준 API로 직접 지원합니다. 이 책은 그러한 기능들을 단순한 설명에 그치지 않고, 실제 개발 현장에서 마주치는 문제 중심의 예제와 모범 사례로 체계적으로 소개합니다. 별도의 프레임워크 없이도 웹 API만으로 충분히 강력한 구현이 가능하다는 점을 확인할 수 있습니다.

     

    신입 개발자에게는 웹 브라우저와 표준 API의 핵심 원리를 익힐 기회를, 실무자에게는 라이브러리 없이 구현할 수 있는 프런트엔드의 새로운 가능성을 보여주는 책입니다. 변화하는 웹 환경 속에서도 꾸준히 실력을 쌓고 싶은 모든 개발자분께 추천합니다. 어떤 고민을 해가며 좋은 사례들을 시스템에 접목해 볼 것인가를 고민해 보는 지점들이 이 책의 장점인 것 같습니다. 시스템 개발까지 고려하는 아키텍트의 특성상 다양한 고민 영역들까지도 책에 잘 담겨 있어서, 모든 개발자가 꼭 읽어보길 추천합니다.

     

    허민 (한국외국어대학교 정보전략 팀)

    오늘날의 브라우저는 별도의 서드파티 라이브러리 없이도 뛰어난 자체 기능을 제공합니다. 이 책은 웹소켓, IndexedDB, DOM 옵저버 등 브라우저의 주요 기능을 활용할 수 있도록, 웹 브라우저의 표준 API를 다루는 기술을 소개합니다. 특히 각 장에서는 비동기 처리 결과의 예약 객체라고 할 수 있는 Promise의 구현 및 활용 방법이 사례별로 소개되어 있어 실무에 많은 도움이 되었습니다.

     

    개인적으로는 AI 및 멀티모달 기술의 발전으로 UX 영역 또한 빠르게 변화하고 있기 때문에, 웹 브라우저 API와 같은 기본 기술에 충실하는 것이 매우 중요한 시점이라 생각합니다. 웹 브라우저의 내장 기능을 깊이 있게 살펴보고 싶은 분들께 추천합니다.

     

    홍상의 (프리랜서)

    웹 실행 환경(하드웨어 포함)이 계속 발전함에 따라 사용자들의 요구사항도 점점 복잡해졌습니다. 비슷한 기능을 매번 다른 솔루션이나 언어로 개발하다 보면 ‘이런 건 표준화되지 않나?’하는 생각이 들기도 합니다. 이러한 니즈는 전 세계 웹 개발자들이 공통적으로 느낀 점이었고, 이에 따라 새로운 표준들이 계속 추가되고 있습니다. 이 책은 다양한 웹 API를 소개하며, 어떤 요구사항에 어떤 기능을 적용하면 되는지를 쉽게 설명하고 있습니다.

출판사 서평



브라우저 기반 실무 예제로 배우는, 웹 개발자가 반드시 알아야 할 필수 API 전략

 

『실무로 통하는 웹 API』는 웹 브라우저만으로 구현할 수 있는 다양한 웹 API를 ‘문제’ - ‘해결’ - ‘설명’ 구조에 따라 단계별로 풀어냅니다. 웹소켓, 웹스토리지, IndexedDB, DOM 옵저버 등 핵심 기능을 별도 라이브러리 없이 직접 구현할 수 있도록 안내하며, 각 기능의 작동 원리와 실무에서 놓치기 쉬운 주의 사항까지 꼼꼼히 다룹니다. 또한 Promise 기반의 비동기 처리와 구조화된 예제를 통해 실제 프로젝트에 바로 적용할 수 있는 실용성을 제공합니다.

AI, 멀티모달, UX 혁신 등 웹 기술이 빠르게 진화하는 지금, 브라우저만으로 구현 가능한 기능에 대한 이해는 점점 더 중요해지고 있습니다. 이 책은 그런 표준 API 중심의 개발 역량을 쌓는 데 훌륭한 길잡이가 될 것입니다. 웹 API의 원리부터 실전 적용까지 한 권으로 익히고 싶은 개발자라면 꼭 읽어보세요.

 

누구를 위한 책인가요?

 

● 웹 플랫폼을 깊이 활용하고 싶은 자바스크립트 경험자

● 자바스크립트 문법, 기능, 표준 라이브러리에 대한 기본기를 갖춘 개발자

● 브라우저 기반의 인터랙티브 애플리케이션 제작에 필요한 DOM API를 이해하고 있는 실무자

● 다양한 실무 예제를 통해 실력을 키우고 싶은 개발자

저자 소개
저자 : 조 아타디
도서리뷰

이 책을 읽고 어떤 느낌을 받으셨나요?
리뷰를 남기고 다른 독자들과 함께 공유해보세요.

안내 열기구매(배송/수령완료) 후 리뷰를 작성하시면 적립금 300원을 드려요!

등록된 리뷰가 없습니다

첫번째 리뷰어가 되어주세요

교환/반품/환불
반품/교환방법
  • 마이페이지 > 주문관리 > 주문/배송조회 > 주문조회 후  [1:1상담신청]  또는 고객센터 (1544-9020)
  • ※ 오픈마켓, 해외배송 주문상품 문의 시 [1:1상담신청] 또는 고객센터 (1544-9020)
반품/교환 가능기간
  • 변심반품의 경우 수령 후 7일 이내
  • 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용
  • 단순변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
  • 해외직배송 도서 구매 후 단순변심에 의한 취소 및 반품 시 도서판매가의 20% 수수료 부과
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 만화, 잡지, 수험서 및 문제집류
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
상품 품절
  • 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁 해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

 매일 100% 당첨!
 최대 3천원 적립 🪙

매장에서 사용할 수 있는 바코드가 있어요!