음성 검색
QR/바코드 검색
품목정보
| 발행일 | 2021년 03월 26일 |
|---|---|
| 쪽수, 무게, 크기 | 344쪽 | 188*257*30mm |
| ISBN13 | 9791163032380 |
| ISBN10 | 1163032387 |
김운아 저
|
이지스퍼블리싱
|
2021년 03월 26일
저자/출판사 더보기/감추기
- 웹사이트 top20 1주
신상품이 출시되면 알려드립니다.
시리즈 알림신청
분철서비스 시작 시 알려드립니다.
분철서비스 알림신청
- 이미 소장하고 있다면 판매해 보세요! 이 상품 팔기 더보기/감추기
관련분류
이 상품의 태그
책소개 책소개 보이기/감추기
목차 목차 보이기/감추기
| 첫째마당 반응형 웹을 위한 기본 기술들 01 반응형 웹 기본 개념 이해하기 01-1 반응형 웹이란? 반응형 웹이 세상에 나온 이유 반응형 웹이란? 01-2 왜 반응형 웹으로 만들어야 하나? 유지보수가 간편하다! 모바일 점유율의 증가! 마케팅에 유리하다! 검색 엔진 최적화가 가능하다! 미래 지향적 기술이다! 01-3 사례로 알아보는 반응형 웹 세계가 주목하는 반응형 웹! 해외의 반응형 웹 사례 국내의 반응형 웹 사례 01-4 반응형 웹 학습과 제작을 위한 준비 작업 웹 브라우저 준비하기 코드 편집기 준비하기 예제 파일 준비하기 호스팅 서버 준비하기 FTP 프로그램 준비하기 01-5 반응형 웹 제작을 위한 핵심 기술 맛보기 픽셀은 한계가 있다! 가변 그리드 |코딩해 보세요!| 고정 크기의 박스를 가변 크기의 박스로 변환하기 미디어 쿼리와 뷰포트 |코딩해 보세요!| 뷰포트 비교하기 |코딩해 보세요!| 미디어 쿼리 사용하기 떠오르고 있는 기술 플렉서블 박스 [도전★ Quiz!] 02 px을 %로 바꾸기 가변 그리드 02-1 본격적으로 가변 그리드 배우기 가변 그리드 공식 이해하기 |코딩해 보세요!| 서로 다른 크기의 박스를 가변 크기로 변환하기 02-2 가변 마진과 가변 패딩 이해하기 간격을 자유자재로! 가변 마진 설정하기 |코딩해 보세요!| 고정 마진을 가변 마진으로 변환하기 가변 패딩을 적용하는 두 가지 방법 고정 크기의 마진과 패딩을 위해 calc 함수 이용하기 |코딩해 보세요!| 가변 패딩 직접 적용하기 02-3 폰트도 자유자재로! 가변 폰트 이용하기 글자를 가변적이게 만들어주는 가변 폰트 em 단위의 상속 문제를 해결해주는 rem 단위 진정한 가변 폰트 vw, vh, vmin, vmax 단위 02-4 멀티미디어 요소 가변적으로 만들기 가변 이미지와 가변 동영상 비율에 상관없이 가변적인 멀티미디어 요소 만들기 유튜브나 비메오 같은 멀티미디어 요소를 가변적으로 만들기 [도전★ Quiz!] 03 미디어 쿼리와 뷰포트 03-1 화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리 미디어 쿼리의 기본 문법 미디어 쿼리를 적용하려면? 링크 방식 미디어 쿼리 사용 시 주의사항 |코딩해 보세요!| 미디어 쿼리 사용해 웹사이트 구조 변경하기 03-2 화면의 보이는 영역을 다루는 기술, 뷰포트 뷰포트 영역 확인하기 [도전★ Quiz!] 04 새로운 웹 기술, 플렉서블 박스 04-1 플렉서블 박스 기본 개념 이해하기 플렉서블 박스의 기본 개념 04-2 플렉서블 박스 기술 익히기 플렉서블 박스로 작동시키기 위한 기본 설정 플렉스 아이템의 배치 방향 설정하기 플렉스 아이템을 여러 줄로 배치하기 플렉스 아이템의 배치 방향과 여러 줄 배치를 한 번에 설정하기 주축 방향으로 다양하게 플렉스 아이템 배치하기 교차축 방향으로 다양하게 플렉스 아이템 배치하기 교차축 방향으로 플렉스 아이템을 개별적으로 배치하기 여러 줄인 플렉스 아이템을 교차축 방향으로 다양하게 배치하기 플렉스 아이템의 배치 순서 바꾸기 플렉스 아이템의 크기 늘이고 줄이기 |코딩해 보세요!| 플렉서블 박스 이용해 목업 웹사이트 만들기 [도전★ Quiz!] 둘째마당 실전! 반응형 웹 사이트 만들기 플렉서블 박스 05 반응형 웹사이트 준비 작업하기 05-1 웹사이트 구조 다지기 1단계: 웹사이트 구조 살펴보기 2단계: 폴더와 기본 파일 구성하기 3단계: 기본 구조와 기본 스타일 작업하기 06 메인 페이지 작업하기 06-1 메인 페이지 구조 작업하기 1. 인포메이션 영역의 구조 작업하기 2. 헤더 영역의 구조 작업하기 3. 슬라이더 영역의 구조 작업하기 4. 최근 글 영역, 인기 글 영역의 구조 작업하기 5. 갤러리 영역의 구조 작업하기 6. 인기 검색어 영역의 구조 작업하기 7. 배너 영역의 구조 작업하기 8. 소셜 네트워크 영역의 구조 작업하기 9. 푸터 영역의 구조 작업하기 06-2 메인 페이지 반응형 웹 작업하기 1. 인포메이션 영역의 반응형 웹 작업하기 2. 헤더 영역의 반응형 웹 작업하기 3. 슬라이더 영역의 반응형 웹 작업하기 4. 최근 글 영역, 인기 글 영역의 반응형 웹 작업하기 5. 갤러리 영역의 반응형 웹 작업하기 6. 인기 검색어 영역의 반응형 웹 작업하기 7. 배너 영역의 반응형 웹 작업하기 8. 소셜 네트워크 영역의 반응형 웹 작업하기 9. 푸터 영역의 반응형 웹 작업하기 07 서브 페이지 작업하기 07-1 서브 페이지 구조 작업하기 1. 기본 구조 작업하기 2. 소개 페이지의 구조 작업하기 3. 갤러리 페이지의 구조 작업하기 4. 게시판 페이지의 구조 작업하기 07-2 서브 페이지 반응형 웹 작업하기 1. 기본 스타일 작성하기 2. 소개 페이지의 반응형 웹 작업하기 3. 갤러리 페이지의 반응형 웹 작업하기 4. 게시판 페이지의 반응형 웹 작업하기 08 마무리 작업하기 08-1 CSS 파일로 분리하기 스타일 코드를 CSS 파일로 분리하기 08-2 자바스크립트 이용해 메뉴 영역 작업하기 메뉴가 나타나거나 감춰지는 토글 버튼 만들기 셋째마당 실전! 기존의 속성으로 반응형 웹 사이트 만들기 가변 그리드, 미디어 쿼리, 뷰포트 09 반응형 웹사이트 준비 작업하기 09-1 웹사이트 구조 다지기 1단계 : 웹사이트 구조 살펴보기 2단계 : 폴더와 기본 파일 구성하기 3단계 : 기본 구조와 기본 스타일 작업하기 10 반응형 웹 페이지 작업하기 10-1 반응형 웹 구조 작업하기 1. 헤더 영역 구조 작업하기 2. 슬라이더 영역의 구조 작업하기 3. 디스플레이 영역의 구조 작업하기 4. 프로모션 영역의 구조 작업하기 5. 구분선 영역의 구조 작업하기 6. 최근 작업 영역의 구조 작업하기 7. 구분선 영역 작업하기 8. 최근 글 영역의 구조 작업하기 9. 연락처 영역의 구조 작업하기 10. 푸터 영역의 구조 작업하기 10-2 반응형 웹 페이지 작업하기 1. 헤더 영역의 반응형 웹 작업하기 2. 슬라이더 영역의 반응형 웹 작업하기 3. 디스플레이 영역의 반응형 웹 작업하기 4. 프로모션 영역의 반응형 웹 작업하기 5. 최근 작업 영역의 반응형 웹 작업하기 6. 최근 글 영역의 반응형 웹 작업하기 7. 연락처 영역의 반응형 웹 작업하기 8. 푸터 영역의 반응형 웹 작업하기 11 마무리 작업하기 11-1 CSS 파일로 분리하기 스타일 코드를 CSS 파일로 분리하기 11-2 자바스크립트 이용해 메뉴 영역 작업하기 메뉴가 나타나거나 감춰지는 토글 버튼 만들기 [스페셜] 실무자들이 꼭 알아야 할 반응형 웹 문제해결 노하우 01 반응형 웹사이트 테스트하기 02 하위 브라우저에 대응하기 03 고해상도 기기 이미지 대응하기 [도전★ Quiz!] |
상세 이미지 상세 이미지 보이기/감추기
상품 이미지를 확대해서 볼 수 있습니다.
원본 이미지
저자 소개 (1명)
출판사 리뷰 출판사 리뷰 보이기/감추기
왜 『Do it! 반응형 웹 페이지 만들기』인가?
다양한 모바일 화면 크기에 대응하기 위한 해결책!
‘반응형 웹’은 다양한 디바이스 화면 크기에 대응할 수 있고, 검색 엔진 최적화까지 가능하여 많은 웹 퍼블리셔가 선호하는 기술이다. HTML5, CSS3뿐만 아니라 웹의 필수 요소가 된 반응형 웹 기술을 알아야 최신 웹 퍼블리싱을 할 수 있다. 반응형 웹 퍼블리싱을 고려하는 웹 퍼블리셔, 개발자, 디자이너라면 『Do it! 반응형 웹 페이지 만들기』에서 해답을 얻을 수 있다.
반응형 웹의 핵심 기술인 플렉서블 박스, 가변 그리드, 미디어 쿼리,뷰포트를
Do it! 실습으로 따라 하며 확실하게 익히자!
이 책은 반응형 웹에서 놓치지 말아야 할 플렉서블 박스, 가변 그리드, 미디어 쿼리, 뷰포트를 여러 번 실습하면서 확실하게 알려 준다. 특히 플렉서블 박스는 기존의 웹 기술로 해결하기 어려웠던 콘텐츠의 순서, 배치, 높이 등 레이아웃 설정 문제를 해결할 때 꼭 필요하다. 이 과정을 잘 따라 하고 익힌다면 실무에서 반응형 웹을 자유자재로 다룰 수 있을 것이다.
단순한 예제가 아닌,
실무를 위한 검증된 예제를 담았다!
『Do it! 반응형 웹 페이지 만들기』에 수록된 실습 예제는 단순히 웹 페이지를 만드는 것이 아니다. 콘텐츠를 배치하는 레이아웃 디자인부터 실제 HTML5과 CSS3 작성까지 모든 과정을 다룬다. 첫째마당에서는 이론을 쉽게 설명하며, 둘째마당에서는 플랫 디자인의 웹사이트를 만들고, 셋째마당에서는 기업 소개 페이지를 직접 만드는 것으로 마무리한다. 실제 실무에 적용해도 손색이 없을 정도의 예제를 수록했으며, 이 책을 따라 하다 보면 어느새 최신 웹 퍼블리싱을 다루는 자신을 발견할 수 있을 것이다.
실무에서 발생할 수 있는
반응형 웹의 문제를 꼼꼼하게 정리!
이 책은 반응형 웹을 제작한다면 분명히 만날 수 있는 다양한 문제와 그 해결 방법까지 친절하게 알려준다. ‘HTML5 요소를 지원하지 않는 브라우저를 대응하는 방법’, ‘고해상도 기기에서 이미지가 깨지는 현상을 막을 수 있는 방법’등 저자의 10년치 노하우를 모두 담았다. 또한 완성된 반응형 웹사이트를 쉽고 빠르게 테스트하는 4가지 방법도 들어 있으니 끝까지 책을 읽기 바란다.
완성된 예제 소스는 물론, 저자 유튜브 채널 제공!
이 책의 모든 예제 파일은 이지스퍼블리싱 홈페이지의 [자료실]에서 무료로 내려받을 수 있다. 독자의 학습을 돕기 위해 예제 소스를 직접 코딩해 볼 수 있는 ‘실습 파일’과 ‘전체 완성 파일’로 나누어 제공한다. 또한 이번에 새롭게 개설한 저자의 유튜브 채널에서는 저자와 소통하고 책과 관련된 다양한 정보를 얻을 수 있다.
- 예제 파일: www.easyspub.co.kr ▶ [자료실] 게시판
- 저자 유튜브 채널: http://bit.ly/3cmmhU2
함께 배우고, 나누고, 성장하는
‘Do it! 스터디룸’에서 만나요!
혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸’을 활용해 보자. 이 책을 공부하는 다른 독자를 만나 서로 도움을 주고받으며 나누다 보면 목표를 완성할 수 있다. 스터디하면서 성장하는 뿌듯함을 느낄 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있다.
- Do it! 스터디룸: cafe.naver.com/doitstudyroom
이 책의 대상 독자
- 프런트엔드 웹 개발에 관심있는 대학생
- 기존 홈페이지를 반응형으로 바꾸고 싶은 웹 퍼블리셔
- 반응형 웹 디자인을 공부하려는 웹 디자이너
- 최신 웹 기술을 알고 싶은 웹 기획자
다양한 모바일 화면 크기에 대응하기 위한 해결책!
‘반응형 웹’은 다양한 디바이스 화면 크기에 대응할 수 있고, 검색 엔진 최적화까지 가능하여 많은 웹 퍼블리셔가 선호하는 기술이다. HTML5, CSS3뿐만 아니라 웹의 필수 요소가 된 반응형 웹 기술을 알아야 최신 웹 퍼블리싱을 할 수 있다. 반응형 웹 퍼블리싱을 고려하는 웹 퍼블리셔, 개발자, 디자이너라면 『Do it! 반응형 웹 페이지 만들기』에서 해답을 얻을 수 있다.
반응형 웹의 핵심 기술인 플렉서블 박스, 가변 그리드, 미디어 쿼리,뷰포트를
Do it! 실습으로 따라 하며 확실하게 익히자!
이 책은 반응형 웹에서 놓치지 말아야 할 플렉서블 박스, 가변 그리드, 미디어 쿼리, 뷰포트를 여러 번 실습하면서 확실하게 알려 준다. 특히 플렉서블 박스는 기존의 웹 기술로 해결하기 어려웠던 콘텐츠의 순서, 배치, 높이 등 레이아웃 설정 문제를 해결할 때 꼭 필요하다. 이 과정을 잘 따라 하고 익힌다면 실무에서 반응형 웹을 자유자재로 다룰 수 있을 것이다.
단순한 예제가 아닌,
실무를 위한 검증된 예제를 담았다!
『Do it! 반응형 웹 페이지 만들기』에 수록된 실습 예제는 단순히 웹 페이지를 만드는 것이 아니다. 콘텐츠를 배치하는 레이아웃 디자인부터 실제 HTML5과 CSS3 작성까지 모든 과정을 다룬다. 첫째마당에서는 이론을 쉽게 설명하며, 둘째마당에서는 플랫 디자인의 웹사이트를 만들고, 셋째마당에서는 기업 소개 페이지를 직접 만드는 것으로 마무리한다. 실제 실무에 적용해도 손색이 없을 정도의 예제를 수록했으며, 이 책을 따라 하다 보면 어느새 최신 웹 퍼블리싱을 다루는 자신을 발견할 수 있을 것이다.
실무에서 발생할 수 있는
반응형 웹의 문제를 꼼꼼하게 정리!
이 책은 반응형 웹을 제작한다면 분명히 만날 수 있는 다양한 문제와 그 해결 방법까지 친절하게 알려준다. ‘HTML5 요소를 지원하지 않는 브라우저를 대응하는 방법’, ‘고해상도 기기에서 이미지가 깨지는 현상을 막을 수 있는 방법’등 저자의 10년치 노하우를 모두 담았다. 또한 완성된 반응형 웹사이트를 쉽고 빠르게 테스트하는 4가지 방법도 들어 있으니 끝까지 책을 읽기 바란다.
완성된 예제 소스는 물론, 저자 유튜브 채널 제공!
이 책의 모든 예제 파일은 이지스퍼블리싱 홈페이지의 [자료실]에서 무료로 내려받을 수 있다. 독자의 학습을 돕기 위해 예제 소스를 직접 코딩해 볼 수 있는 ‘실습 파일’과 ‘전체 완성 파일’로 나누어 제공한다. 또한 이번에 새롭게 개설한 저자의 유튜브 채널에서는 저자와 소통하고 책과 관련된 다양한 정보를 얻을 수 있다.
- 예제 파일: www.easyspub.co.kr ▶ [자료실] 게시판
- 저자 유튜브 채널: http://bit.ly/3cmmhU2
함께 배우고, 나누고, 성장하는
‘Do it! 스터디룸’에서 만나요!
혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸’을 활용해 보자. 이 책을 공부하는 다른 독자를 만나 서로 도움을 주고받으며 나누다 보면 목표를 완성할 수 있다. 스터디하면서 성장하는 뿌듯함을 느낄 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있다.
- Do it! 스터디룸: cafe.naver.com/doitstudyroom
이 책의 대상 독자
- 프런트엔드 웹 개발에 관심있는 대학생
- 기존 홈페이지를 반응형으로 바꾸고 싶은 웹 퍼블리셔
- 반응형 웹 디자인을 공부하려는 웹 디자이너
- 최신 웹 기술을 알고 싶은 웹 기획자
추천평 추천평 보이기/감추기
저자의 웹 퍼블리싱 실무 경험이 통째로 압축되어 녹아 있는 책!
저자는 디지털 미디어 전반에 걸쳐 다양한 실무 경험이 있습니다. 풍부한 반응형 웹 개발 경험을 하면서 쌓은 노하우를 매우 현실적이면서도 유익한 기술과 이론으로 정리하여 이 책에 담았습니다. 기획, 디자인, 웹 개발의 경험을 모두 갖추어서 웹 퍼블리셔의 요구를 잘 알고 있는 것은 물론이고 학습자도 고려하여 복잡한 기술을 쉽게 이해할 수 있도록 저술했습니다.
특히 이 책에서 핵심으로 다룬 ‘플렉서블 박스(Flexible Box)’는 단어가 말해 주듯 가변적인 박스를 만드는 기술로서 새로운 웹 개발 방법을 제시하는 계기가 되었습니다. 이는 요즘 반응형 웹 제작의 필수 기술인 가변 그리드 기술을 이용해서 가변 박스를 간단하게 만들어 주므로 반응형 웹과 플렉서블 박스는 환상의 콤비라고도 할 수 있습니다. 또한 플레서블 박스는 지금까지 웹 개발에서 불가능했던 것을 실현해 주는 기술이기도 하며, 특히 박스를 손쉽게 배치할 수 있다는 것이 최대 장점입니다. 그뿐만 아니라 반응형 웹과 더불어 웹 개발 기술 중 가장 주목받는 기술이기도 합니다. 시중에 반응형 웹 개발을 다룬 책은 많지만 『Do it! 반응형 웹 페이지 만들기』만큼 ‘플렉서블 박스’를 제대로 설명한 책은 없습니다.
다양한 뉴 미디어가 쏟아져 나오는 요즈음, 반응형 웹 개발은 업무 효율 면에서 매우 유용하고 미래 가치가 높은 분야입니다. 많은 웹 페이지나 모바일 콘텐츠가 반응형 웹으로 전환되어 가고 있지만 반응형 웹에 대한 인식은 아직 부족한 상태입니다. 또한 전환되지 못한 웹 페이지도 많으므로 반응형 웹 개발의 수요도 급증하는 추세입니다. 이런 적절한 시기에 꼭 필요한 내용을 새롭게 담은 『Do it! 반응형 웹 페이지 만들기』가 출간되어 반갑고 기쁩니다. 이 책이 디지털 미디어 업무 전반에 관련된 디자이너, 개발자, 기획자, 그리고 학생들 모두에게 큰 도움이 될 것이라고 기대합니다.
저자는 디지털 미디어 전반에 걸쳐 다양한 실무 경험이 있습니다. 풍부한 반응형 웹 개발 경험을 하면서 쌓은 노하우를 매우 현실적이면서도 유익한 기술과 이론으로 정리하여 이 책에 담았습니다. 기획, 디자인, 웹 개발의 경험을 모두 갖추어서 웹 퍼블리셔의 요구를 잘 알고 있는 것은 물론이고 학습자도 고려하여 복잡한 기술을 쉽게 이해할 수 있도록 저술했습니다.
특히 이 책에서 핵심으로 다룬 ‘플렉서블 박스(Flexible Box)’는 단어가 말해 주듯 가변적인 박스를 만드는 기술로서 새로운 웹 개발 방법을 제시하는 계기가 되었습니다. 이는 요즘 반응형 웹 제작의 필수 기술인 가변 그리드 기술을 이용해서 가변 박스를 간단하게 만들어 주므로 반응형 웹과 플렉서블 박스는 환상의 콤비라고도 할 수 있습니다. 또한 플레서블 박스는 지금까지 웹 개발에서 불가능했던 것을 실현해 주는 기술이기도 하며, 특히 박스를 손쉽게 배치할 수 있다는 것이 최대 장점입니다. 그뿐만 아니라 반응형 웹과 더불어 웹 개발 기술 중 가장 주목받는 기술이기도 합니다. 시중에 반응형 웹 개발을 다룬 책은 많지만 『Do it! 반응형 웹 페이지 만들기』만큼 ‘플렉서블 박스’를 제대로 설명한 책은 없습니다.
다양한 뉴 미디어가 쏟아져 나오는 요즈음, 반응형 웹 개발은 업무 효율 면에서 매우 유용하고 미래 가치가 높은 분야입니다. 많은 웹 페이지나 모바일 콘텐츠가 반응형 웹으로 전환되어 가고 있지만 반응형 웹에 대한 인식은 아직 부족한 상태입니다. 또한 전환되지 못한 웹 페이지도 많으므로 반응형 웹 개발의 수요도 급증하는 추세입니다. 이런 적절한 시기에 꼭 필요한 내용을 새롭게 담은 『Do it! 반응형 웹 페이지 만들기』가 출간되어 반갑고 기쁩니다. 이 책이 디지털 미디어 업무 전반에 관련된 디자이너, 개발자, 기획자, 그리고 학생들 모두에게 큰 도움이 될 것이라고 기대합니다.
- 정은경 (계원예술대학교 디지털미디어디자인과 교수)
모바일 게임 업계에서도 반응형 웹은 꼭 필요합니다!
너무나 빠르게 변하는 모바일 분야에서 가장 화두가 되는 것은 단연 멀티플랫폼(multi-platform)일 것입니다. 게임 업계 또한 예외가 아닙니다. 모바일 게임에서도 다양한 플랫폼과 해상도에 따라 반응이 천차만별로 다가옵니다.
대표 사례로 모질라(mozilla)에서 실험 삼아 제작한 웹 브라우저 게임이 있는데, 이 게임은 반응형 웹 표준에 따라 잘 설계되어 플랫폼이 달라도 별도의 작업 없이 바로 모바일과 PC 간의 연동이 쉽게 이루어져 많은 사용자를 확보했습니다. 이처럼 반응형 웹은 다양한 해상도를 지원하는 기기에서 그래픽/UI/UX를 어떻게 제공할 것인지 단초를 제공합니다. 이미 웹을 기반으로 한 게임 시장이 활성화되고 있으며 앞으로도 퀄리티 높은 게임이 꾸준히 출시될 것으로 기대합니다.
그러므로 웹을 기반으로 게임을 구현하는 게임 기획자, 디자이너, 개발자 모두에게 『Do it! 반응형 웹 페이지 만들기』를 적극 추천합니다. 이 책이라면 새로운 반응형 웹 지식을 알아 가는 즐거움을 맛볼 수 있을 뿐만 아니라 기술 면에서 초보자라도 쉽게 따라 할 수 있을 것입니다.
너무나 빠르게 변하는 모바일 분야에서 가장 화두가 되는 것은 단연 멀티플랫폼(multi-platform)일 것입니다. 게임 업계 또한 예외가 아닙니다. 모바일 게임에서도 다양한 플랫폼과 해상도에 따라 반응이 천차만별로 다가옵니다.
대표 사례로 모질라(mozilla)에서 실험 삼아 제작한 웹 브라우저 게임이 있는데, 이 게임은 반응형 웹 표준에 따라 잘 설계되어 플랫폼이 달라도 별도의 작업 없이 바로 모바일과 PC 간의 연동이 쉽게 이루어져 많은 사용자를 확보했습니다. 이처럼 반응형 웹은 다양한 해상도를 지원하는 기기에서 그래픽/UI/UX를 어떻게 제공할 것인지 단초를 제공합니다. 이미 웹을 기반으로 한 게임 시장이 활성화되고 있으며 앞으로도 퀄리티 높은 게임이 꾸준히 출시될 것으로 기대합니다.
그러므로 웹을 기반으로 게임을 구현하는 게임 기획자, 디자이너, 개발자 모두에게 『Do it! 반응형 웹 페이지 만들기』를 적극 추천합니다. 이 책이라면 새로운 반응형 웹 지식을 알아 가는 즐거움을 맛볼 수 있을 뿐만 아니라 기술 면에서 초보자라도 쉽게 따라 할 수 있을 것입니다.
- 이민수 (NHN 픽셀큐브(PIXELCUBE) 게임 기획)
낯설기만 했던 플렉서블 박스 기술이 간단명료하게 정리되어 있어 절로 감탄이 났습니다. 웹 관련 직종에서 일하는 사람이라면 누구나 한번쯤 해상도 문제로 골치가 아팠던 경험을 했을 겁니다. 또한 다양한 기기와 OS, 각기 다른 해상도를 대비하여 사용자를 만족시키기 위해 밤을 세워 가며 고민도 했을 것입니다.
반응형 웹은 모든 해상도에 완벽히 대응하는 이상적인 기획과 디자인, 퍼블리싱이 요구되고 이를 통해 사용자에게 최고의 만족을 주는 것이 궁극적인 목표입니다. 그런데 실제로 프로젝트를 진행해 보면 이러한 목표는 말처럼 쉽게 달성하기 힘들다는 것을 알 수 있습니다. 기획은 물론이고 모든 제작 단계에서 문제에 부딪힐 수밖에 없습니다. 이제 반응형 웹은 제안 단계에서부터 선택이 아닌 필수 요소로 자리매김했다고 볼 수 있습니다.
『Do it! 반응형 웹 페이지 만들기』에서는 반응형 웹을 왜 도입해야 하는지부터 이를 어떻게 적용해야 하는지, 그리고 아직은 생소한 기술인 ‘플렉서블 박스’를 이야기하듯이 쉽게 풀어서 설명해 줍니다. 그뿐만 아니라 디자인과 개발이라는 두 가지 영역을 함께 고려했으므로 반응형 웹에 처음으로 관심을 갖기 시작한 기획자는 물론이고 프로젝트를 진행하는 디자이너와 퍼블리셔에게도 유용한 책입니다.
반응형 웹은 모든 해상도에 완벽히 대응하는 이상적인 기획과 디자인, 퍼블리싱이 요구되고 이를 통해 사용자에게 최고의 만족을 주는 것이 궁극적인 목표입니다. 그런데 실제로 프로젝트를 진행해 보면 이러한 목표는 말처럼 쉽게 달성하기 힘들다는 것을 알 수 있습니다. 기획은 물론이고 모든 제작 단계에서 문제에 부딪힐 수밖에 없습니다. 이제 반응형 웹은 제안 단계에서부터 선택이 아닌 필수 요소로 자리매김했다고 볼 수 있습니다.
『Do it! 반응형 웹 페이지 만들기』에서는 반응형 웹을 왜 도입해야 하는지부터 이를 어떻게 적용해야 하는지, 그리고 아직은 생소한 기술인 ‘플렉서블 박스’를 이야기하듯이 쉽게 풀어서 설명해 줍니다. 그뿐만 아니라 디자인과 개발이라는 두 가지 영역을 함께 고려했으므로 반응형 웹에 처음으로 관심을 갖기 시작한 기획자는 물론이고 프로젝트를 진행하는 디자이너와 퍼블리셔에게도 유용한 책입니다.
- 이철희 (인픽스 UI/UX 디자인)
회원리뷰 (3건)
혜택 및 유의사항?
이번역시 DO IT 코딩관련 책으로 선택했습니다!
HTML부터 인터렉스 자바스크립트 반응형까지 잘 진행한것 같아 뿌듯하네요.
어느정도의 기본기 (HMTL/CSS)가 있다면 수월하게, 없더라도 약간의 공부를 시작후에 진행하신다면 바로 따라하시기 좋을것같습니다! 저도 도움을 많이 받았구요.
특히 요즘 자주 사용하는 플렉스를 다양한 방법으로 사용할 수 있어서 좋았습니다!;
리뷰제목
이번역시 DO IT 코딩관련 책으로 선택했습니다!
HTML부터 인터렉스 자바스크립트 반응형까지 잘 진행한것 같아 뿌듯하네요.
어느정도의 기본기 (HMTL/CSS)가 있다면 수월하게, 없더라도 약간의 공부를 시작후에 진행하신다면 바로 따라하시기 좋을것같습니다! 저도 도움을 많이 받았구요.
특히 요즘 자주 사용하는 플렉스를 다양한 방법으로 사용할 수 있어서 좋았습니다!
Do it 시리즈를 알게된건 같은 출판사의 책들을 구매해 보고 알게되었다. 책의 내용이 알기쉽게 되어있고 공부하기 좋아서 사이트에도 가입하고 서평단에 신청하게되었다. 물론 당첨되어 이렇게 서평을 남겨본다.
웹페이지 제작에 요즘에 필수적으로 필요한게 반응형 페이지이다. 유명한 판매기업들의 사이트를 보면 반응형 페이지는 기본으로 되어있다. 이 책의 특징은 예제를 통해서;
리뷰제목
Do it 시리즈를 알게된건 같은 출판사의 책들을 구매해 보고 알게되었다. 책의 내용이 알기쉽게 되어있고 공부하기 좋아서 사이트에도 가입하고 서평단에 신청하게되었다. 물론 당첨되어 이렇게 서평을 남겨본다.
웹페이지 제작에 요즘에 필수적으로 필요한게 반응형 페이지이다. 유명한 판매기업들의 사이트를 보면 반응형 페이지는 기본으로 되어있다. 이 책의 특징은 예제를 통해서 이해를 하고 실력을 쌓아가는 것인데, 실무예제로 되어있어 훨씬 효과가 좋다. 또한 단순하게 페이지를 따라서 만드는게 아닌 기획하고 제작한 것에 대한 문제 해결방법도 나와있어서 내용이 풍부하다. 스펙트럼이 넓어서 책 한권으로 다양한 수준의 경험을 할 수 있다. 가장 좋은 점은 플렉서블 박스라는 최신 기술을 활용하여 레이아웃 설정문제를 해결할 수 있어서 기존 웹 기술의 답답한 점을 속시원하게 해결할 수 있다. 메인내용이라서 설명이 아주 잘 되어있다. 그리고 실습내용 끝 부분에서는 마무리 문제가 있어서 습득한 내용을 점검하여 기본기를 다질 수 있다.
아직끝까지 보지 못했지만 사용자와 개발자 모두에게 좋은 반응형 웹사이트를 직접 따라해볼 수 있어서 좋았다.
깔끔한 구성과 설명 덕분에 싫증나지않고 끝까지 공부 할 수 있을 것 같다.
Do it! 시리즈의 도서들은 it분야의 내용을 담고 있지만 책 내부의 편집디자인이 깔끔하고 알아보기 쉬어서 재밌게 읽기 좋을만한 책들이 많다.
Do it! 시리즈의 다양한 도서중에서 오늘 내가 학습한 책은 "Do it! 반응형 웹페이지 만들기" 이다. 책을 쭉 읽어보면서 새로 바뀐 정보로 취득할 수 있었고 반응형 웹이 처음 도입되었던 시기에 동적인 웹을 구축하기 위해 여러가;
리뷰제목
Do it! 시리즈의 도서들은 it분야의 내용을 담고 있지만 책 내부의 편집디자인이 깔끔하고 알아보기 쉬어서 재밌게 읽기 좋을만한 책들이 많다.
Do it! 시리즈의 다양한 도서중에서 오늘 내가 학습한 책은 "Do it! 반응형 웹페이지 만들기" 이다. 책을 쭉 읽어보면서 새로 바뀐 정보로 취득할 수 있었고 반응형 웹이 처음 도입되었던 시기에 동적인 웹을 구축하기 위해 여러가지 정보를 학습했던 과거의 나의 모습도 떠올랐다. 그때 너무 어려워서 죄절했던 적이 많았는데, 만약 내가 그 당시에 이 책을 만났다면 "더 쉽게 반응형 웹을 받아드릴 수 있지 않았을까?" 라는 생각도 들었다.
개개인의 역량에 따라 책의 난이도가 다르게 느껴질 수 있지만 이 책은 주니어와 시니어 모두에게 유용할것 같다. 햇병아리 같은 주니어들이 읽고 학습한다면 책을 사수 삼아서 공부할 수 있을것같고, 기존에 해오던 업무가 익숙해서 새로운 반응형웹을 공부해야하는 시니어들에게는 새로운 기술을 쉽게 받아들일 수 있는 계기가 될 것 같다.
마지막으로 이 책을 서평하며 좋았던 점들을 몇가지 적어보았다.
1. 정량적인 수치값이 중요한 반응형 웹에서 계산방법에 대한 명확한 표기
2. 실습예제의 결과를 모니터, 테블릿, 핸드폰 등의 디바이스에 표시되어 알아보기 편림함
3. 각 챕터별 꼭 기억해야할 내용을 정리해놓은 요점 페이지가 있어 복습하기 좋음
4. 오류를 방지할 수 있는 세심한 포인트를 기록해 놓음 ( ex 미디어쿼리의 띄어쓰기 등)
한줄평 (1건)
혜택 및 유의사항
?
책 내부 편집이 잘되어있어서 학습하기 편리하고 실습예제의 결과를 알아보기 쉬움
1명이 이 한줄평을 추천합니다.
공감
1
w*****d
|
2021.04.02
올해의 책 추천평 (1건) 올해의 책 추천평 이동
