반디앤루니스 인터넷서점

네비게이션 실시간 인기 책

    코딩 자율학습 HTML + CSS + 자바스크립트

    베스트

    코딩 자율학습 HTML + CSS + 자바스크립트 기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서

    • 김기수 저
    • 길벗
    • 2022년 04월 25일
    • 정가
      27,000원
    • 판매가
      24,300원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,350원 적립 [5%P]

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

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

      출고예정일 안내

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

      close

      2026년 09월 28일(월)

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

    수량
    회원리뷰
    - [0]
    ISBN: 9791165219468 612쪽 183 x 235 (㎜)

    이 책과 함께 구매한 책

    이 책이 속한 분야

    출판사 리뷰

    [추천평]

    기본기가 없는 저와 같은 왕초보도 개념을 정확히 알고 넘어갈 수 있어서 좋았어요! 그리고 마지막에 포트폴리오 페이지를 만들수 있다는 게 진짜 장점!!! _남윤정
    HTML, CSS, 자바스크립트의 기초부터 활용하는 방법까지 다루면서 실무에서도 꼭 필요한 내용을 엄선해구성한 책입니다. 코딩이 처음이라 내용을 잘 모르더라도 이해할 수 있도록 쉽게 설명해서 끝까지 재미있게공부할 수 있었습니다. 막상 공부를 시작했는데 혼자 뭘 해야 할 지 모른다면 이 책을 보세요. 직접 구현하면서 웹 개발에 대한 공부 방향을 정하고 실무 연습까지 모두 해 볼 수 있는 좋은 기회가 될 겁니다._김동원
    이 책은 한 권에 많은 내용이 담겨 있어서 좋았습니다. 공부하면서 궁금증이 생기는 것들만이 아니라 실무에서 사용하는 기술들까지 나와 있어서 책을 읽는동안 매우 유익한 시간이었습니다. _박가단
    많은 걸 얻어가게 해 주는 친절한 학습서입니다. 다른 자료를 찾아볼 필요 없이 술술 읽히면서 공부가 되어서정말 좋았습니다. 마지막 장에서 제작할 포트폴리오 사이트에 접속해 보고 '이런 웹 사이트를 만들고 싶다'고생각하는 모든 이에게 완독을 권하고 싶습니다. 함께 제공하는 예제 사이트도 굉장히 유용해서 웹 개발의 기본을 쉽고 편하게 공부할 수 있습니다. _김선혜
    공부한다는 느낌보다는 궁금해서 찾아 보게 되는 책이었습니다. 입문자를 위한 책이었지만 실무자에게도 유익한 꿀팁이 많았고, 기본 개념에 대한 친절한 설명까지 분량이 더 있었으면 할 정도로 좋은 책이었어요. _홍정아
    코딩에 입문하는 사람은 이 한 권이면 헤맬 필요 없이 탄탄한 기초를 쌓을 수 있을 것 같았어요. 그동안 기본서에서 볼 수 없던 디테일이 담겨 있어서 더욱 유용했어요. 예제가 엄청 풍부하고 실무자 입장에서 필요한 내용도 다뤄 줘서 완전 초보자도, 어느 정도 기본기를 익힌 사람도 큰 도움이 되는 책입니다. _류성주
    놓치기 쉬운 기본 개념이 잘 정리되어 있어서 실무자도 옆에 두고 볼 수 있는 책입니다. 기초부터 시작해 전문 지식까지 배운 내용을 활용한 실무 팁이 많아 어느 수준에서든 유용합니다. 또한 예제와 프로젝트를 차분히 따라가며 실습하면 성취감을 느낄 수 있어서 혼자 공부하기에 충분한 책입니다. _김지원
    HTML, CSS의 의미와 사용법, 자바스크립트 프로그래밍 과정을 초보자도 무리 없이 소화하고 따라 할 수 있도록 매우 자세히 설명합니다. 조금 어려운 부분이 나오면 중간중간 팁과 조언으로 길고도 지난한 웹 개발 학습 과정을 성공적으로 극복할 수 있도록 도와줍니다. 결코 얕은 지식이 아니라고 느꼈고 이 책만 완전히 자기 것으로 익혀도 다음 단계 공부나 자바스크립트의 다양한 프레임워크를 공부하는 데 많은 도움이 될 것이라 확신합니다. _임혁

    저자 소개

    김기수

    저자 : 김기수
    비전공자 출신으로 안드로이드/iOS 개발로 커리어를 시작해 10년이 넘는 시간 동안 프런트엔드, 백엔드 분야의 다양한 언어를 접하고 활용하며 개발자의 길을 걷고 있습니다. 현재는 온라인 코딩 교육 사이트인 수코딩과 유튜브 채널을 운영하면서 많은 사람에게 코딩을 쉽게 가르칠 수 있는 방법을 매일 끊임없이 연구하고 있습니다.

    목차

    Part 1HTML로웹 구조설계하기

    1장Hello, HTML + CSS + 자바스크립트
    _1.1 개발 환경 설정하기
    _1.2 첫 번째 HTML 문서 만들기

    2장HTML 문서 작성을 위한 기본 내용 살펴보기
    _2.1 HTML의 기본 구성 요소
    _2.2 HTML의 기본 구조
    _2.3 HTML의 특징 파악하기

    3장 실무에서 자주 사용하는 HTML 필수 태그 다루기
    _3.1 텍스트 작성하기
    _3.2 그룹 짓기
    _3.3 목록 만들기
    _3.4 링크와 이미지 넣기
    _3.5 텍스트 강조하기
    _3.6 폼 구성하기
    _3.7 표 만들기
    _3.8 멀티미디어 설정하기
    _3.9 웹 페이지 구조를 설계하는 시맨틱 태그
    _3.10 태그 종류에 상관없이 사용하는 글로벌 속성

    Part 2 CSS로 웹 페이지 꾸미기

    4장 웹 스타일링을 위한 CSS 기초 배우기
    _4.1 CSS 문법 살펴보기
    _4.2 CSS 적용하기

    5장 CSS 선택자 다루기
    _5.1 기본 선택자 사용하기
    _5.2 조합 선택자 사용하기
    _5.3 가상 요소 선택자 사용하기
    _5.4 가상 클래스 선택자 사용하기
    _5.5 다양한 선택자 조합하기

    6장 CSS 필수 속성 다루기
    _6.1 CSS의 특징 살펴보기
    _6.2 텍스트 속성으로 텍스트 꾸미기
    _6.3 박스 모델을 구성하는 속성 다루기
    _6.4 배경 속성으로 요소의 배경 설정하기
    _6.5 위치 속성으로 HTML 요소 배치하기
    _6.6 전환 효과 속성 적용하기
    _6.7 애니메이션 속성으로 전환 효과 제어하기
    _6.8 변형 효과 적용하기
    _6.9 웹 폰트와 아이콘 폰트 사용하기

    7장 효과적인 레이아웃을 위한 CSS 속성 다루기
    _7.1 플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기
    _7.2 그리드 레이아웃으로 2차원 레이아웃 설계하기
    _7.3 반응형 웹을 위한 미디어 쿼리 사용하기

    Part 3자바스크립트로웹 동작구현하기

    8장 자바스크립트 시작하기
    _8.1 자바스크립트 코드 작성 방법
    _8.2 프로그래밍 시작 전 알아 두기

    9장 자바스크립트 기초 문법 살펴보기
    _9.1 변수와 상수
    _9.2 자료형
    _9.3 연산자
    _9.4 조건문 다루기
    _9.5 반복문 다루기

    10장 자바스크립트 함수 다루기
    _10.1 함수란
    _10.2 함수를 정의하는 방법
    _10.3 함수 기능 확장하기
    _10.4 함수의 특징 이해하기
    _10.5 즉시 실행 함수 사용하기

    11장 자바스크립트 객체 다루기
    _11.1 객체란
    _11.2 객체 속성 다루기
    _11.3 표준 내장 객체 사용하기
    _11.4 브라우저 객체 모델 사용하기

    12장 문서 객체 모델과 이벤트 다루기
    _12.1 문서 객체 모델 이해하기
    _12.2 노드 선택하기
    _12.3 노드 조작하기
    _12.4 노드 추가/삭제하기
    _12.5 폼 조작하기
    _12.6 이벤트 다루기
    _12.7 이벤트 객체와 this

    Part 4프로젝트로웹 개발 기초완성하기

    13장 HTML+CSS+자바스크립트로 완성하는 최종 프로젝트
    _13.1 최종 프로젝트 개요
    _13.2 헤더 영역 만들기
    _13.3 메인 영역 만들기
    _13.4 섹션 영역 만들기 - About Me
    _13.5 섹션 영역 만들기 - What I Do
    _13.6 배경 영역
    _13.7 섹션 영역 만들기 - PortFolio
    _13.8 섹션 영역 만들기 - Contact With Me
    _13.9 반응형 코드 적용하기
    _13.10 자바스크립트 적용하기
    _13.11 유효성 검증하기

    배송 시 유의사항

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

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

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

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

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

    반품/교환

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

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 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