리코멘드출판사

지은이 고현민 인터뷰 바로 가기

발행일 2024년 2월 1일

정 가 32,000원

분 량 696쪽

판 형 46배판(188mmx257mm)

ISBN 979-11-983642-5-8

난이도 초중급

진짜 초보자도 자신 있게 끝낼 수 있도록 제대로 파는

얄코의 TOO MUCH 친절한

HTML+CSS+자바스크립트

★ 이렇게까지 친절한 기본서는 없었다!

★ 진짜 초보자도 자신 있게 끝낼 수 있도록

투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드

명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사를 받고 있는 얄코(얄팍한코딩사전)의 「제대로 파는 HTML+CSS」와 「뉴비를 위한 자바스크립트」 온라인 강의를 한 권의 책으로 담아냈다. 코딩이 처음인 사람도 어렵지 않게 프로그래밍과 웹 개발에 접근할 수 있도록 최대한 친절하고 쉬운 비유로 설명한다. 한두 줄로 끝날 수 있는 기능 설명을 수많은 경우의 수의 화면을 보여 주며 비교하는 얄코 특유의 투머치 친절한 설명은 초보자뿐만 아니라 현업에 있는 개발자들도 놓치고 넘어가던 개념까지 세세하게 짚어 준다.

『얄코의 TOO MUCH 친절한 HTML+CSS+자바스크립트』는 웹 페이지 제작에 필요한 세 가지 기술을 서로 연계해서 공부하는 데 최적화된 상태로 구성되어 있다. 또한 개발물을 단지 시각적으로만 구현하는 것을 넘어 다양한 사람을 배려하고 타 개발자와도 협업하기 좋은 '착한' 웹사이트를 만드는 법까지 놓치지 않는다. 총 15시간에 이르는 동영상 강의와 함께 하면서 바쁜 독자들이 쉽고 편리하게 코딩의 즐거움을 느끼게 하는 것이 이 책의 최우선 목표다.

주요 키워드 HTML, CSS, JavaScript, 자바스크립트, 웹개발, 웹 개발, 웹프로그래밍, 웹 프로그래밍, 반응형웹, 반응형 웹, 홈페이지, 웹페이지, 웹 페이지, 웹사이트, 웹퍼블리싱, 웹 퍼블리싱, 웹디자인, 웹 디자인, 웹접근성, 웹 접근성, 웹표준, 웹 표준, 코딩, 프론트엔드, 웹제작, 웹 제작, 비전공자, 문과, Beginner, 웹프로젝트, 프로젝트, 웹 개발자, 개발자, 프론트엔드 개발자, 웹 디자이너, 웹디자이너, 디자이너, 한 권으로 끝내는, 입문, 정석, 마스터

종이책 구매 링크

전자책 구매 링크

저자 소개: 고현민(얄팍한 코딩사전)

두 아이를 키우는 아빠이자, 유튜브 채널 <얄팍한 코딩사전>을 방송하는 유튜버입니다. 풀스택 개발자로 일하며 쌓아 온 지식과 경험을 바탕으로, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽게 설명해 주는 콘텐츠들을 만들고 있습니다. 저서로는 『얄코의 TOO MUCH 친절한 깃&깃허브』(2023, 리코멘드), 『혼자 공부하는 얄팍한 코딩 지식』(2022, 한빛미디어)이 있습니다.

강의채널 | ➕유튜브 www.youtube.com/@yalco-coding ➕인프런 ww.inflearn.com/users/@yalco

홈페이지 | www.yalco.kr

예제 다운로드 및 독자 지원 자료

➕ 예제 다운로드하기

➕ CSS 플레이그라운드 바로 가기

➕ HTML, CSS 레슨별 영상 바로 가기

➕ 유튜브 (무료) 동영상 강의 바로 가기

🚩 PART 01 바로 가기

🚩 PART 02 바로 가기

🚩 PART 06 바로 가기

➕ 인프런 (전체) 동영상 강의 바로 가기

이 책이 필요한 독자

➕ 코딩을 이제 막 배우기 시작하는 사람

➕ 퍼블리싱을 직접 해내고 싶은 웹 디자이너

➕ HTML, CSS, 자바스크립트를 보다 잘 다루고 싶은 개발자

➕ HTML, CSS, 자바스크립트의 깊은 원리까지 공부해 보고 싶은 개발자

➕ 웹 표준에 부합하는 ‘착한 웹사이트’를 만들고 싶은 개발자

이 책에 쏟아진 찬사(1) - 추천사

많은 코딩 책이 딱딱한 문체와 많은 줄글로 개념을 한 번에 이해하기 어려워 시간이 지나면 다시 책에 손이 안 갔는데, 얄코 님의 책은 막막했던 코딩 개념을 귀여운 캐릭터로 이미지화시켜 설명해 빠르고 재미있게 읽을 수 있었습니다. 또한 그동안 쌓아 온 노하우를 중간중간에 꿀팁으로 알려 줘 저도 프로처럼 일하고 생각하는 법을 배울 수 있었습니다.

특히 이 책에서 제가 가장 좋아하는 부분은 <얄코의 친절한 노트>입니다. 본문에서 길게 설명한 개념을 핵심만 뽑아 한 페이지로 정리하여 배운 내용을 간편하게 숙지할 수 있도록 독자를 배려한 것은 ‘얄코 님다운' 특징이 아닌가 생각합니다. 또한 많은 내용에도 불구하고 다른 책에 비해 읽기 쉽다고 느꼈는데, 이는 핵심이 되는 개념을 중간중간 강조해 준 덕분인 것 같습니다. 또한 실제 프로젝트 수준의 예제를 경험하는 과정이 체계적으로 구성되어 있어 입문자가 부담 없이 따라갈 수 있습니다.

- 김빛나 / 유튜버 코딩 알려주는 누나(@user-yu8so2ck1z)

인프런에서 인기 있는 얄코 님의 <제대로 파는 HTML CSS> 강의를 바탕으로 더 깊은 내용을 추가한 책입니다. 저도 강의를 기반으로 책을 쓴 적이 있는데, 요즘은 긴 영상보다는 짧은 영상을 선호하기 때문에 길게 풀어서 이야기하고 싶어도 그렇게 할 수 없었던 적이 많았습니다. 영상이 주는 다이내믹함도 있지만 책은 언제 어디서든지 다시 펴서 차분하게 생각할 수 있는 장점이 있으므로 강의를 이미 들으신 분들도 책을 보면 강의와는 또 다른 느낌을 받을 수 있습니다.

이 책에서는 웹페이지를 구성하는 기본 조각들인 HTML, CSS, 그리고 자바스크립트를 말 그대로 ‘제대로 파’ 줍니다. 특히 웹사이트를 예쁘게 만들어 주는 CSS를 즉시 테스트해 보면서 원리를 익힐 수 있는 플레이그라운드까지 포함되어 있어 웹 디자인에 어려움을 겪는 분들에게도 큰 도움이 될 것입니다. 나만의 웹사이트를 만들기 위해 웹 프로그래밍의 기본기를 탄탄히 다지고 싶은 분들에게 이 책을 추천합니다!

- 이건희 / 유튜버 코딩하는거니(@gunnycoding)

AI 시대가 도래해도 기본 코딩 능력과 이해력은 더욱 중요할 수밖에 없습니다. 기술 장벽이 무너지면서 적은 노력으로도 최대한의 결과를 얻을 수 있는 시대가 된 것이지요. 개발자들의 개인 능력이 더욱 빛을 발휘할 수 있는 시대가 활짝 열렸다는 뜻입니다. 그 최소한의 기술이 HTML, CSS, 그리고 자바스크립트입니다.

이 책은 ‘TOO MUCH 친절한’이라는 제목과 같이 그동안 접해 온 어떤 학습 자료 중 가장 친절하고 쉬운 접근법을 제공합니다. 단순히 쉬운 내용만이 아니라 복잡하고 이해하기 힘든 개념을 다양한 보조 자료와 함께 쉽고 재미있게 익히도록 체계적으로 구성되어 있어 감탄하지 않을 수 없었습니다. 지금 당장 코딩을 시작하고자 하신다면 이 책보다 더 좋은 선택지는 없을 것입니다. 최소한의 의지만으로 뛰어든 분들에게 지루할 틈 없이 진짜 코딩의 즐거움으로 친절하고 확실하게 안내할 것입니다.

- 전병우 / 유튜버 투더제이(@ttj)

프론트엔드 개발은 세 가지 단계로 구성된다고 생각합니다. 첫 번째 단계는 퍼블리싱에 대한 이해, 두 번째 단계는 사용자와 상호작용을 위한 자바스크립트 이해, 그리고 세 번째 단계는 이 두 가지를 효과적으로 개발 및 운영하는 것입니다. 이 책은 앞선 두 단계를 아우르는 내용으로 구성되어 있습니다.

프론트엔드 개발자로 거듭나든 백엔드 개발자로 성장하든 각자의 전문 분야에서 기초적인 이해는 불가피합니다. 이 책은 웹 개발의 개념 설명부터 실제 활용 방법, 마지막으로 파이널 프로젝트까지 철저히 다루며 완성도 높은 프로젝트 경험을 선사합니다. 특히 플레이그라운드라는 실습 환경과 온라인 강의가 있다는 두 가지 장점은 개발 입문자에게 가장 매력적인 포인트입니다. 자신이 프론트엔드 개발에 적성이 있는지 알아보고 싶거나 이미 백엔드 개발에 종사하고 있는데 프론트엔드 이해가 부족하다면 이 책을 통해 기초를 탄탄히 다져 보는 것을 추천합니다.

- 정우현 / 유튜버 컴공선배(@comgongbro)

이 책에 쏟아진 찬사(2) - 강의를 먼저 들은 사람들의 한마디

➕ 코딩 환경 셋팅 방법, 여러 가지 유용한 팁, 그리고 혼자 어떻게 더 나아가서 공부할 수 있는지 알려 주는 것이 좋았다. - H**

➕ 파이널 프로젝트가 너무 좋았습니다. 웹사이트를 직접 만들어 볼 기회가 많지 않은데, 배운 내용들을 사용해서 웹사이트를 만들어 보니 학습에 많은 도움이 되었습니다. - 강**

➕ 세심하고 꼼꼼한 구성으로 기능과 속성에 대해 많이 알려 주고 이해하기 쉽게 알려 주려고 정성을 다 한 모습에 감동했습니다. - k**

➕ 내용을 효과적으로 전달하려고 노력한 게 느껴져서 잘 배운 것은 물론 기분 좋은 학습이었습니다. 여러 요소의 사용법을 충분히 연습할 수 있어서도 좋았지만, 간단 입력 팁 덕분에 직접 입력하면서 태그를 외울 수 있어서 아주 유용했습니다. - m**

➕ HTML과 CSS의 핵심 지식을 잡는 데 많은 도움이 되었습니다. CSS에 이렇게 많은 기능이 있는지 몰랐습니다. - 김**

➕ 감으로만 사용하던 것들의 작동 원리를 익히고 정리할 수 있어 아깝지 않은 시간이었습니다. - Ky**

➕ 웹 개발에 있어 HTML CSS를 겉핥기 수준으로 그때 그때 찾아보는 것이 여간 불편하지 않았는데, 전체적인 흐름은 물론 기본기를 확실하게 다지고 최신 트렌드까지 이해할 수 있어 좋았습니다. - 조**

출판사 서평

★ 웹 페이지 제작에 필요한 HTML, CSS, JavaScript, 세 가지 기술을 연계 학습할 수 있는 최적의 구성

★ 현업 개발자도 놓치기 쉬운 CSS 최신 기술 총망라

코딩을 처음 접하는 코알못도 이해하는 친절하고 쉬운 설명

코딩을 아예 모르는 사람이 가장 먼저 배우기 쉬운 기술이 바로 HTML과 CSS입니다. 직관적인 구조를 통해 결과물을 빠른 시간에 확인할 수 있어 프로그래밍 원리를 이해하는 데 제격이기 때문입니다. 하지만 이를 깊이 있게 공부하여 ‘제대로’ 활용하는 개발자는 흔하지 않죠. 이 책은 프로그래밍 초입문자를 위한 기초 지식부터 어려운 개념과 세세한 속성들까지 파고 들어가 현업 개발자 및 퍼블리셔도 큰 도움을 얻어갈 수 있도록 체계적으로 구성했습니다.

단계별로 따라가다 보면 HTML과 CSS, 자바스크립트까지 이 책 한 권으로 끝!

이 책은 난이도에 따라 파트별로 구성되어 있습니다. 먼저 PART 01~02에서 HTML과 CSS 기초 지식을 배웁니다. 여기에 만족하지 않고 더 다양한 기능을 배우려면 PART 03~04에서 HTML과 CSS 심화 지식을 이어서 학습합니다. PART 05에서는 지금까지 배운 HTML과 CSS 지식만을 활용해 코딩 강좌 웹사이트를 뚝딱 만들어 봅니다. 두 가지 언어만으로도 충분히 웹사이트를 구현할 수 있지만, 자바스크립트를 추가하면 한 단계 높은 차원으로 나아갈 수 있습니다. 따라서 PART 06에서 웹 페이지 제작에 필요한 자바스크립트 기초 지식을 활용해 앞에서 만든 코딩 강좌 웹사이트를 업그레이드시켜 최종 결과물을 완성합니다.