[책 소개]
웹 개발자부터 디자이너까지,
모두를 위한 실용적인 웹 인터랙티브 활용서!
이 책은 웹 개발 책 중에서도 실무에서 즉시 활용 가능한 내용을 담고 있습니다. 실제로 사용되는 애니메이션 효과를 구현해 보면서, 구현 방법과 함께 기술적인 이해를 동시에 학습할 수 있습니다. 또한, 이 책은 사용자 경험(UX)을 중요하게 다루며 애니메이션을 적용하는 방법과 사용자 경험을 개선하는 방법에 대해 설명합니다. 이러한 내용은 웹 개발자뿐만 아니라 UX 디자이너, 디자이너, 기획자 등 웹 서비스를 구축하는 모든 사람들에게 매우 유용하며, 이해를 도와줍니다.
이 책은 크게 12장으로 구성되어 있습니다. 1장부터 5장까지는 인터랙티브 웹 실습에 앞서 HTML, CSS, JavaScript 기본 개념에 대해서 알아봅니다. 세부적으로 1장은 프론트엔드 웹 개발을 위한 환경 설정, 2장은 HTML의 기본 개념, 3장은 CSS의 기본 개념, 4장은 인터랙티브 웹을 위한 추가적인 지식을 다룹니다. 그리고 5장은 JavaScript의 기본 개념을 보충하고 6장부터 실제 현업에서 사용되는 다양한 인터랙티브 웹을 하나씩 구현하며 실습하게 됩니다. 11장부터는 React 프레임워크와 Three.js 라이브러리를 활용해서 고급 인터랙티브 웹 콘텐츠와 웹 게임을 제작하는 방법을 배웁니다.
실습 중심의 구성으로, 완성한 코드를 바로 포트폴리오에 활용할 수 있으며 인터랙티브 웹 개발을 이해하고 싶은 독자들에게 최적화된 책입니다.
.
.
【 추천 독자층 】
- UI 애니메이션 구현이 막막한 입문자 및 초급 개발자|
- UI/UX를 깊이 이해하고 싶은 웹 기획자 및 디자이너|
- 포트폴리오에 완성도 높은 프로젝트를 추가하고 싶은 취업 준비생
.
.
[도서 특징]
웹 프론트엔드 개발을 위한 준비를 꼼꼼하게 도와줍니다.
프론트엔드를 본격적으로 배우기 전에 꼭 알아야 할 HTML, CSS, JavaScript 문법을 차근차근 알려줍니다. 그래서 웹을 몰랐던 사람들도 이 책으로 시작할 수 있습니다.
웹사이트 UI를 구현해 보세요
이 책은 단순히 문법을 배우는 데서 멈추지 않고, 실제로 웹사이트에 적용되는 로딩 화면, 카드 리스트, 반응형 레이아웃 같은 실무에서 자주 쓰이는 UI 구성 요소를 직접 구현해보며 애니메이션 개념을 익히도록 구성되어 있습니다.
사용자의 행동에 반응하는 인터랙티브 웹을 만들어보세요
스크롤 위치에 따라 콘텐츠가 자연스럽게 나타나고, 특정 요소가 화면에 들어오면 애니메이션이 시작되는 등, 사용자와 소통하는 동적인 웹페이지를 만드는 다양한 기법을 배울 수 있습니다.
데이터와 연결된 애니메이션 기능 구현
날씨 API, 미세먼지 API와 같은 실시간 데이터를 연동해 현재 날씨나 환경 정보를 기반으로 UI가 바뀌는 웹앱을 제작합니다. 기능적인 데이터 처리와 함께 시각적 반응까지 고려한 UI 설계를 연습할 수 있어, 서비스 기획 감각까지 함께 키울 수 있습니다.
저자 유튜브 강의, 깃허브 등 학습 지원
영진닷컴 IT 유튜브 강의를 통해 저자 직강 동영상으로 책을 끝까지 실습해 보시기 바랍니다.
-
영진닷컴 IT 유튜브 채널: https://www.youtube.com/@IT-Youngjin
-
깃허브 주소: GitHub - Youngjin-com/interactive_web: 프론트엔드 개발자를 위한 인터랙티브 웹 애니메이션
웹 프론트엔드의 기초와 구조를 배우고 웹 UI를 완성하여 사용자 경험 중심의 인터랙티브한 웹을 구현해 보시기 바랍니다.