본문내용 바로가기
MD의선택 무료배송 이벤트 사은품 소득공제

Must Have 비전공자를 위한 첫 코딩 챌린지 with HTML&CSS HTML, CSS 입문부터 영상 서비스 앱 UI 만들기와 배포까지

Must Have 시리즈
임효성 지음 | 골든래빗(주) | 2021년 06월 10일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 25,000원
    판매가 : 22,500 [10%↓ 2,500원 할인]
  • 혜택 :
    [기본적립] 1250원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2,000원 추가적립 안내 [회원혜택] 회원 등급 별, 3만원 이상 구매 시 2~4% 추가적립 안내 [리뷰적립] 리뷰 작성 시 e교환권 최대 300원 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘(22일,금) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
  • 2022 캘린더 수록한 IT독자를 위한 readIT 노트 사은품
    2021.10.14 ~ 2021.11.30
  • 컴퓨터/IT분야 2만원 이상 구매 시 개발자 매거진 선택 가능
    2021.09.03 ~ 2021.10.22
  • 책을 통해 성장해나가는 개발자를 응원합니다.
    2017.06.22 ~ 2025.07.31
상품상세정보
ISBN 9791197149849(1197149848)
쪽수 404쪽
크기 184 * 236 * 20 mm /740g 판형알림

책소개

이 책이 속한 분야

★ ‘코딩 30일 챌린지’ 주인공과 함께하는
★ 비전공자ㆍ디자이너를 위한
★ 새로운 코딩 입문서
HTML·CSS는 작성한 결과가 눈에 보여 코딩 입문자에게 적합한 언어입니다. 이 책은 HTML·CSS 언어로 ‘나만의 웹 사이트’를 만들 수 있게 이끌어줍니다. 비전공자인 저자가 30일간의 코딩 도전으로 깨닫게 된 코딩 입문 방법을 알려줍니다. 코딩 초보자도 쉽고 명확하게 이해할 수 있도록 학습 목표를 일목요연하게 제시하고 핵심 내용을 정리해 보여줍니다. 단계별로 프로젝트를 구현하며 코딩을 직접 체험할 수 있게 했습니다. 또한 멋진 프로젝트를 만들고 결과물을 웹에 배포하는 방법도 알려줍니다. 개발자와 협업하고 개발에 필요한 기획과 디자인을 하는 배경 지식을 갖추고 싶은 분이라면 지금 당장 코딩 챌린지에 도전하세요.

★ Must Have 시리즈 안내
Must Have 시리즈는 내 것으로 만드는 시간을 드립니다. 명확한 학습 목표와 핵심 정리를 제공하고, 간단명료한 설명과 다양한 그림으로 학습 효과를 극대화합니다. 예제를 제공해 응용력을 키워줍니다. 할 수 있습니다. 포기는 없습니다. 지금 당장 밑줄 긋고 메모하고 타이핑하세요! Must Have가 여러분의 성장을 돕겠습니다.

상세이미지

비전공자를 위한 첫 코딩 챌린지 with HTML&CSS(Must Have)(Must Have 시리즈) 도서 상세이미지

목차

00장 개발 환경 구축

[1단계 첫 코딩에 입문하기]

01장 나만의 코딩 목표 세우기
_1.1 이 책의 범위 안내
_1.2 목표와 일정 정하기
_1.3 프로젝트 기획하기

02장 웹, HTML이 뭐지?
_2.1 웹이 뭐지?
_2.2 웹 페이지는 뭘까?
_2.3 웹은 어떻게 동작하지?
_2.4 HTML은 또 뭐야?
_2.5 나도 안다! 코딩 상식!
학습 마무리

03장 첫 코딩 도전하기
_3.1 비주얼 스튜디오 코드 뜯어보기
_3.2 VSCode 확장 프로그램 설치하기
_3.3 Hello world : 새 파일을 생성해 코드 작성하기
_3.4 나도 안다 코딩 상식
학습 마무리

04장 태그로 웹 페이지 만들기
_4.1 태그 이해하기
_4.2 대표적인 태그 알아보기
학습 마무리

05장 HTML 특징 정복하기
_5.1 태그의 부모 자식 관계
_5.2 HTML과 검색되는 텍스트
_5.3 검색 엔진이 뭐야?
_5.4 검색 엔진 최적화가 뭐야?
학습 마무리

06장 코딩 맛보기 : 3가지 미니 코딩 챌린지
_6.1 사전 지식
_6.2 코딩 맛보기 : Hello World 출력하기 ☆☆☆☆
_6.3 코딩 맛보기 : 나만의 폼 만들기 ★☆☆☆
_6.4 코딩 맛보기 : 메뉴판 만들기 ★☆☆☆
학습 마무리

[2단계 CSS로 웹 꾸미기 113]

07장 CSS가 뭐지?
_7.1 CSS가 왜 필요해?
_7.2 CSS 적용하기
_7.3 외부 CSS 파일 적용하기
_7.4 글씨 크기, 정렬
_7.5 CSS 선택자
학습 마무리

08장 CSS 배치 속성과 반응형 웹
_8.1 배치 속성이 뭐야?
_8.2 박스 모델 : 마진, 테두리, 패딩
_8.3 실습 : 반응형 웹 페이지 만들기
학습 마무리

09장 CSS 레이아웃 : 플렉스박스
_9.1 플렉스박스의 등장
_9.2 플렉스가 필요한 순간 확인하기
_9.3 플렉스박스로 정렬하기
_9.4 플렉스 축 방향 바꾸기 : flex-direction
학습 마무리

10장 CSS 레이아웃 : 위치 지정
_10.1 자식이 부모가 될 수 있다?
_10.2 위치 지정하기
학습 마무리

11장 가상 선택자와 클래스
_11.1 가상 선택자 사용법
_11.2 동적 가상 클래스
_11.3 구조적 가상 클래스
_11.4 미니 퀴즈 풀어보기
학습 마무리

12장 CSS 애니메이션 만들기
_12.1 전환
_12.2 변형
_12.3 애니메이션 동시에 적용하기
_12.4 키프레임
학습 마무리

13장 깃/깃허브 배우기
_13.1 깃 입문하기
_13.2 깃허브 입문하기
_13.3 깃/깃허브 핵심 개념 알아보기
_13.4 [실습] 깃허브 사용하기
학습 마무리

14장 박스 레이아웃 만들기
_14.1 힌트
_14.2 풀이 보기
_14.3 STEP 1 : HTML 레이아웃 구성하기
_14.4 STEP 2 : 스타일링
_14.5 STEP 3 : 화면 중앙으로 위치시키기
학습 마무리

15장 햄버거 만들기
_15.1 사전 지식
_15.2 힌트
_15.3 풀이 보기
_15.4 STEP 1 : HTML 레이아웃 구성하기
_15.5 STEP 2 : 햄버거 스타일링
학습 마무리

16장 프로필 UI 구현하기
_16.1 사전 지식
_16.2 힌트
_16.3 풀이 보기
_16.4 STEP 1 : 배경과 HTML 구성하기
_16.5 STEP 2 : 배너와 프로필 사진 만들기
_16.6 STEP 3 : 텍스트와 버튼 만들기
학습 마무리

[3단계 도전, 영상 서비스 앱 UI 클론 코딩]

17장 〈Project #1〉 로그인 페이지 만들기
_17.1 뜯어보기
_17.2 사전 지식
_17.3 STEP 1 : 파일 정리하기
_17.4 STEP 2 : 헤더 만들기
_17.5 STEP 3 : 로그인 폼 만들기 - 로그인 폼
_17.6 STEP 4 : 로그인 폼 만들기 - 스타일링 준비
_17.7 STEP 5 : 로그인 폼 만들기 - 배경과 폰트 스타일링
_17.8 STEP 6 : 로그인 폼 만들기 - 로그인 폼 스타일
학습 마무리

18장 〈Project #2〉 콘텐츠 추천 페이지 만들기
_18.1 뜯어보기
_18.2 사전 준비
_18.3 STEP 1 : 검색바 만들기
_18.4 STEP 2 : 추천 작품 만들기
_18.5 STEP 3 : 다른 작품 추천 기능 만들기
_18.6 STEP 4 : 네비게이션바 만들기
학습 마무리

19장 〈Project #3〉 마이 페이지 만들기
_19.1 뜯어보기
_19.2 사전 준비
_19.3 STEP 1 : 프로필 만들기
_19.4 STEP 2 : 이어보기 만들기
_19.5 STEP 3 : 내가 찜한 목록 만들기
_19.6 STEP 4 : 네비게이션 만들기
_19.7 STEP 5 : 미디어 쿼리로 화면 간격주기
학습 마무리

20장 〈Project #4〉 웹에 배포하기
_20.1 웹 호스팅이 뭐지?
_20.2 깃허브로 웹 호스팅하기
학습 마무리

부록. 리플잇 : 온라인 에디터

추천사

마동석(11번가 개발팀장)

“비전공자의 눈높이에 맞춰 설명합니다. 재밌게 따라 할 수 있는 예제가 좋아요. 어려움을 느끼지 않고 따라 할 수 있습니다. 비전공자가 웹 프로그래밍을 시작하기에 딱 좋은 책입니다.”

조현석(개발자)

“IT 비전공자가 웹 프로그래밍을 시작하기에 딱 좋은 책입니다. 초보자에게 적절한 난이도로 재미있게 설명합니다. 무리해서 모든 것을 설명하려고 하지 않아 지루하지 않습니다. 각 장이 짧아 하루에 시간을 많이 투자하지 않아도 ... 더보기

김진웅(넥스클라우드 Product Owner)

“이 책은 구어체로 쉽게 설명되어 있어 과외 선생님께 배우는 것 같은 친근함이 느껴집니다. HTML과 CSS는 웬만한 프로젝트를 진행하면서 거의 필수로 사용되는데 의외로 간과됩니다. 바쁜 현업 중에 빠르게 HTML과 CSS를... 더보기

사지원(현대엠엔소프트 책임 연구원)

“인터넷을 하다 보면 감탄이 나오는 홈 페이지를 본 경험이 있을 겁니다. 어떻게 만드는지 궁금하지 않던가요? 이 책은 코딩 초보자에게 웹 페이지가 어떻게 화려한 화면을 보여주는지, 그러한 페이지를 만들려면 어떻게 해야 하는지... 더보기

송진영(프로그래머)

“저자의 설명을 듣고 문제를 풀어보고, 안 되면 저자가 주는 힌트를 보고 풀어보고, 그래도 안 되면 저자의 풀이 방식을 보면서 하나하나 익혀봅시다. 자신도 모르게 코딩 재미에 빠질 겁니다.”

출판사 서평

★ 50만을 감동시킨 「코딩 30일 챌린지」, 다 함께 첫 코딩 도전
코딩의 ‘ㅋ’도 모르는 문과생이 30일간 도전한 코딩 입문기를 담았습니다. 세상 모든 비전공자에게 희망을 주고자, 조금 더 알찬 내용으로 채워서 누구나 할 수 있는 코딩 맛보기를 제공합니다. 이 책을 읽고 나면 다음 단계로 나아갈 작은 성취감을 얻게 될 겁니다.

숫자로 보는 책의 특징
_0 아무것도 몰라도 OK
코딩의 ‘ㅋ’도 모르는 분을 대상으로 설명합니다. IT 비전공자, 디자이너, 기획자 모두를 환영합니다.

_1달간의 코딩 첫걸음
총 20개... 더보기

Klover 리뷰 (0)

북로그 리뷰 (3) 전체보기 쓰러가기

북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
  •       평소 HTML&CSS에 관심을 가지고 있던 저에게 이번 책은 기본기를 쌓을 수 있는 좋은 기회였습니다. 특히 실습 위주의 진행으로 챕터별 학습 목표를 따라가기만 해도 이해하기 쉬운 이론 설명과 눈에 보이는 결과물을 얻을 수 있었습니다. 다른 프로그래밍 언어와는 다르게 매 순간 가시적인 결과물을 확인할 수 있다는게 HTML&CSS의 가장 큰 매력인 것 같습니다. 그리고 매 챕터 마지막 학습 마무리에 정리되어 있는... 더보기
  • 전엔 이런 말을 자신있게 할 수 없었지만, 나는 이제 프로그래머다.   이번 책은 뭔가 특별했다. 아니 이걸 뭐라고 표현해야 할까. 사실은 HTML과 CSS는 그리 생소한 개념은 아니었다. 생활코딩을 본 사람이라면 web1 수업에서 부터 줄기차게 나오는 개념이니깐, 근데 내가 들었던 수업은 뭔가 구멍이 송송 나있는 느낌이었고, 꽉 찬 느낌이 들지를 않았다. 내 공부가 어설퍼서 그랬을 것 같다. 그런데 이 책을 읽고는 달라졌다. 처음에는 호기심으로 읽었는데, 1달동안 실습을 따라해보면서 굉장히 알찬 실력을 만들었다는 느낌... 더보기
  •   한때 유튜브에 '코딩 30일 챌린지'라는 영상이 인기였던 적이 있었다. 비전공자인 영상의 주인공이 한달간 웹페이지 개발을 하는 브이로그를 담은 영상으로 점점 발전하는 실력과 개발과정으로 하여금 전공자/비전공자할것 없이 대단하다고 얘기를 하면서 많은 인정을 받았던 영상이기도 했다. 나도 전공으로 배우기도 하고, 적게나마 누군가를 가르쳐보기도 했던 입장으로서 코딩분야를 스스로 공부한다는 것은 그리 쉬운일이 아니라는 것을 알기에 참 대단하다는 생각이 들었다. 그 영상의 주인공이 이번에 책을 ... 더보기

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다. 안내

교환/반품/품절안내

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

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

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