HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)
15,000원 미만 시 2,500원 배송비 부과
20,000원 미만 시 2,500원 배송비 부과
15,000원 미만 시 2,500원 배송비 부과
1Box 기준 : 도서 10권
로그아웃 : '서울시 종로구 종로1' 주소 기준
이달의 꽃과 함께 책을 받아보세요!
1권 구매 시 결제 단계에서 적용 가능합니다.
알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.
키워드 Pick
키워드 Pick 안내
관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

단순하게 개념 설명만을 하는 것이 아닌 다양한 예제들을 통해 추후 실제 프로젝트를 진행하는 데 도움이 되도록 하였다. 또한 많은 수의 연습문제와 도전문제 그리고 프로그래밍 문제를 통해 학습한 내용을 스스로 복습해볼 수 있도록 구성하였다.
작가정보
교수
서울대학교 전자공학과에 입학하여 1983년에 공학사 학위를 취득하였고, 한국과학기술원 대학원에 입학하여 1985년에 전기 및 전자공학과 석사 학위를, 1993년에 박사 학위를 취득하였다. 1985년부터 1988년까지 삼성전자 종합연구소에서 주임 연구원으로 재직하였고, 1993년부터 현재까지 순천향대학교 컴퓨터공학과 교수로 재직 중이다. 2005년에는 캐나다 UBC에서 방문교수를 지냈다.
저서로는 「Power JAVA 3판」(2022, 인피니티북스), 「인공지능」(2020, 인피니티북스), 「스크래치로 배우는 컴퓨팅 사고와 문제해결」(2019, 인피니티북스), 「OpenCV를 이용한 디지털 영상처리」(2019, 인피니티북스), 「Power Java Compact」(2018, 인피니티북스), 「어서와 C++는 처음이지!」(2018, 인피니티북스), 「문제해결과 컴퓨팅 사고」(2017, 인피니티북스), 「문제해결과 컴퓨팅 사고를 위한 스크래치」(2017, 인피니티북스), 「문제해결과 컴퓨팅 사고를 위한 파이썬」(2017, 인피니티북스), 「어서와 파이썬은 처음이지!」(2016, 인피니티북스), 「어서와 Java는 처음이지!」(2015, 인피니티북스), 「어서와 C언어는 처음이지!」(2015, 인피니티북스), 「HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초」 (2014, 인피니티북스), 「C++ Espresso」(2010, 인피니티북스), 「Power C++」 (2010, 인피니티북스), 「쉽게 풀어쓴 C언어 Express」(2007, 생능출판사), 「C언어로 쉽게 풀어쓴 자료구조」(2005, 생능출판사) 등이 있다.
목차
- Chapter 1 기초사항
01 웹의 등장
02 웹의 기초 기술
03 웹 브라우저
04 HTML5
05 웹 페이지의 구성
[Lab] 크롬의 개발자 도구
06 VS code 설치
07 VS code로 HTML5 문서 작성하기
[Lab] 구조화된 HTML5 문서 작성
Chapter 2 HTML5 기본 요소
01 이번 장의 목표
02 HTML5 문서 구조
03 텍스트 표시
[Lab] 커피 전문점 홈페이지 #1
04 리스트
05 이미지
[Lab] 커피 전문점 홈페이지 #2
06 링크
[Lab] 썸네일
07 테이블
08 멀티미디어 요소 추가하기
[Lab] 개인 홈페이지 만들기
[Lab] 커피 전문점 홈페이지 #3
[Mini Project] 쇼핑몰 웹사이트 제작 #1: 설계
Chapter 3 입력 양식과 시맨틱 태그
01 iframe
02 〈div〉 태그로 논리적인 구역 나누기
03 HTML 문서 구조화와 시맨틱 요소
[Lab] 구조화된 HTML 문서 작성
04 HTML 입력 양식
05 입력 요소
[Lab] 이메일 작성 화면 만들기
[Lab] 회원 정보 입력 화면 만들기
06 HTML5 입력 요소
[Mini Project] 쇼핑몰 웹 사이트 제작 #2 콘텐츠 작성
Chapter 4 CSS3 스타일시트 기초
01 CSS의 개념
02 선택자
[Lab] 웹 페이지에 스타일 지정하기
[Solution] 웹 페이지에 스타일 지정하기
03 CSS를 추가하는 방법
[Lab] 외부 CSS 파일 이용하기
04 색상
05 폰트
06 텍스트 스타일 설정
[Mini Project] CSS로 스타일 꾸미기
Chapter 5 CSS3 박스 모델과 응용
01 박스 모델
02 경계선
03 요소의 크기 설정, 마진, 패딩
04 배경 설정하기
05 하이퍼링크 스타일
06 리스트 스타일
07 테이블 스타일
08 입력 양식 꾸미기
09 효과
10 CSS 변환
11 CSS 3차원 변환
[Mini Projct] 쇼핑몰 웹 사이트 제작 #3 스타일 붙이기
Chapter 6 CSS3 레이아웃과 애니메이션
01 레이아웃의 기초
02 요소 크기와 위치 정하기
03 페이지 레이아웃
04 CSS3 애니메이션
[Lab] 구조화된 HTML 문서 작성
[Mini Project] 쇼핑몰 웹 사이트 제작 #4
Chapter 7 자바스크립트 기초
01 자바스크립트의 소개
02 자바스크립트의 위치
03 문장
04 변수
05 데이터 타입
06 연산자
07 자바스크립트 입출력
[Lab] 덧셈 프로그램 작성
08 조건문
09 반복문
10 함수
[Mini Project] 숫자 맞추기 게임
Chapter 8 자바스크립트 객체와 배열
01 객체
02 Date 객체
03 String 객체
04 Math 객체
05 배열
06 사용자 객체 생성하기 #1
07 사용자 객체 생성하기 #2
08 자바스크립트에서의 오류 처리
[Mini Project] 배열에 값 저장하기
Chapter 9 DOM(Document Object Model)
01 문서 객체 모델(DOM)02 DOM 객체
03 HTML 요소 찾기
04 HTML 요소의 값 읽기
[Lab] 도형 면적과 부피 계산
05 HTML 요소 변경하기
[Lab] 계산기 #1
06 DOM 노드 삭제와 추가
07 자바스크립트 디버깅 방법
[Lab] 주사위 게임
[Mini Project] 지뢰찾기
Chapter 10 이벤트 처리, 입력 검증, BOM
01 이벤트
02 마우스 관련 이벤트 처리
[Lab] 수학 퀴즈 페이지 작성하기
03 문서의 로딩 관련 이벤트
[Lab] 계산기 #2
04 입력값의 유효성 검증
05 BOM
[Mini Project] 기억력 게임
Chapter 11 자바스크립트와 캔버스로 게임 만들기
01 캔버스 요소
02 도형 그리기와 채우기
03 도형의 속성
04 도형 변환
[Lab] 그림판 프로그램 작성
[Lab] 그림판 만들기
05 애니메이션
06 앵그리 공 게임
07 벽돌 깨기 게임
[Mini Project] 벽돌 깨기 게임 업그레이드
Chapter 12 웹서버와 JSP 기초
01 웹서버 개요
02 톰캣 설치
03 첫 번째 JSP 프로그램
04 JSP 기초
[Lab] 예제 실행해보기
05 입력 양식은 어떻게 서버에서 처리될까?
[Mini Project] 게시판 만들기
Chapter 13 모바일 웹 페이지와 반응형 웹 디자인
01 반응형 웹 디자인
02 가상 뷰포트
03 미디어 쿼리
[Lab] 중단점 설정하여 레이아웃 변경하기
[Solution] 중단점 설정하여 레이아웃 변경하기
04 유동 레이아웃
05 반응형 이미지
06 웹 앱
[Mini Project] 반응형 웹 만들기
Chapter 14 HTML5 위치정보와 드래그와 드롭
01 SVG
[Lab] 구조화된 HTML 문서 작성
02 드래그와 드롭
[Lab] 드래그 게임 만들기
03 HTML5 위치정보
04 Open Street Map 지도 이용하기
05 HTML5 웹 워커
[Mini Project] 이미지 맞히기 게임 제작
Chapter 15 HTML5 웹스토리지, 파일 API, AJAX
01 HTTP 프로토콜과 쿠기
02 HTML5 웹스토리지
03 파일 API
04 AJAX
05 fetch API
[Mini Project] local storage에 정보 저장하기
출판사 서평
2판에서 추가 및 업데이트된 내용
- 자바스크립트 최신 버전을 사용하였다.
- 모바일 웹과 반응형 웹 내용을 대폭 보강하였다.
- 자바스크립트 객체와 배열 내용을 보강하였다.
- JSP를 사용하여 클라이언트와 서버 사이의 상호 작용을 쉽게 설명하였다.
웹프로그래밍 기초부터 반응형 웹까지 한 권에 모두 담았다!
웹은 우리의 생활을 완전히 변화시키고 많은 영향을 끼치고 있는 중요한 기술이다. 우리는 웹을 통하여 정보를 얻거나 상품을 구매하거나 콘텐츠를 만들어 내는 등의 다양한 활동을 하고 있다. 이처럼 웹은 컴퓨터공학 전공자로서 반드시 알아야 하는 필수적인 기술이 되었다. HTML5로는 콘텐츠를 만들고, CSS3로는 스타일을, 자바스크립트로는 동작을 작성하게 된다. 그 외 JSP로 클라이언트와 서버 사이의 상호작용을 다루기도 한다. 이 책은 이러한 모든 것을 담고 있는 웹 개발 최고의 지침서이다.
이 책의 특징
- 최근의 웹프로그래밍에서 중요하게 간주되는 HTML5와 CSS3, 자바스크립트, 모바일 웹, 반응형 웹 등의 내용을 빠짐없이 수록하였다.
- 최근 HTML 개발의 기본 도구가 된 VS code를 사용하였다.
- 각각의 주제에 대하여 개념과 원리를 자세하게 설명하였으며 문답식으로 친숙하게 설명하였다.
- 중요한 개념을 할명한 후에 실습 프로젝트 예제를 소스코드와 함께 제시하여, 독자들 스스로 프로젝트를 진행할 때 도움이 되도록 하였다.
- 그림을 많이 사용하여 보다 재미있고 지루하지 않으며 독자들이 이해하기 쉬운 교재를 만들려고 노력했다.
기본정보
ISBN | 9791192373133 |
---|---|
발행(출시)일자 | 2023년 01월 17일 |
쪽수 | 648쪽 |
크기 |
189 * 257
* 30
mm
/ 1462 g
|
총권수 | 1권 |
Klover 리뷰 (1)
구매 후 리뷰 작성 시, e교환권 200원 적립
사용자 총점
100%의 구매자가
쉬웠어요 라고 응답했어요
집중돼요
도움돼요
쉬웠어요
최고예요
추천해요
문장수집 (0)
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)
구매 후 리뷰 작성 시, e교환권 100원 적립
-
반품/교환방법
* 오픈마켓, 해외배송 주문, 기프트 주문시 [1:1 상담>반품/교환/환불] 또는 고객센터 (1544-1900) -
반품/교환가능 기간
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내 -
반품/교환비용
-
반품/교환 불가 사유
(단지 확인을 위한 포장 훼손은 제외)
2) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
예) 화장품, 식품, 가전제품(악세서리 포함) 등
3) 복제가 가능한 상품 등의 포장을 훼손한 경우
예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
4) 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
5) 디지털 컨텐츠인 ebook, 오디오북 등을 1회이상 ‘다운로드’를 받았거나 '바로보기'로 열람한 경우
6) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
7) 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
8) 세트상품 일부만 반품 불가 (필요시 세트상품 반품 후 낱권 재구매)
9) 기타 반품 불가 품목 - 잡지, 테이프, 대학입시자료, 사진집, 방통대 교재, 교과서, 만화, 미디어전품목, 악보집, 정부간행물, 지도, 각종 수험서, 적성검사자료, 성경, 사전, 법령집, 지류, 필기구류, 시즌상품, 개봉한 상품 등 -
상품 품절
-
소비자 피해보상 환불 지연에 따른 배상
2) 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함
상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)
기분 좋은 발견
이 분야의 베스트
이 분야의 신간
-
JSPStudy의 JSP&Servlet 웹 프로그래밍 입문+활용10% 22,950 원
-
처음부터 시작하는 Next.js React 개발 입문10% 31,680 원
-
이게 되네? 챗GPT 미친 크롤링 24제10% 23,400 원
-
AI와 함께 하는 WEB-CODING 기초10% 26,100 원
-
웹의 이해10% 4,500 원