|
http://yulma.tistory.com/108 디자이너출신 퍼블리셔겸 개발자라는 저작의 이력에 한껏 기대하면서 목차부터 꼼꼼히 내용을 읽어내려갔습니다. 이책을 읽으며 느꼈던 장점은 수도 없이 많지만 반응형 웹 서적을 고르시고자 하는 분을 위해
1. 가벼운 두께, 읽기에 부담 없되 알찬 구성 하나의 기술에 대해 책이 가볍다는 것은 일단 읽기 시작하면 그 기술에 대한 습득을 완료할 수 있다는 가능성을 높여줍니다. 2. 쉬우면서도 실무에 바로 적용 가능한 수준의 예제 제공 ＜Do it! 반응형 웹 디자인＞의 첫 예제는 아주 심플하게 구성되어, 실무자 분들은 처음에는 다소 지루하게 느껴지실 수도 있습니다. 3. 반응형 웹에 사용되는 코드 속성들에 대한 충분한 설명 대부분 따라하기 식의 예제를 사용하는 서적은 따라하기에 급급해 기본 원리에 대한 설명을 소홀히 하는 경우가 많습니다. 책을 읽고 있으면서 예제를 따라할 적에는 할 수 있을 것 같은데, 막상 실무 적용해보면서 책에서 습득한 내용을 참조하려하면 기본 원리에 대한 설명이 예제에 사용되거나 주로 쓰이는 것에 치중되어있어 레퍼런스 서적을 따로 구입해야하는 경우가 많은데, ＜Do it! 반응형 웹 디자인＞은 이책 하나로 기본기술 습득과 레퍼런스용 두가지로 사용할 수 있습니다. 4. 초보자와 실무자를 동시에 고려한 서적 ＜Do it! 반응형 웹 디자인＞ 내용 구성을 보면 초보자와 실무자를 동시에 고려했다는 점을 느낄 수 있었습니다. 개인적으로 ＜Do it! 반응형 웹 디자인＞을 읽으면서 얻은 가장 큰 소득은 플렉셔블 박스에 대해 명확히 정리할 수 있었단 점입니다. 플렉셔블 박스에 대한 소감은 적자면 반응형웹을 다루면서 PC와 타블렛과 모바일 버전의 구조 변화를 위해 복잡하게 html구조를 설계했던 것을 간단히 풀어내는 마법같다는 생각이 들었습니다. 공식적으로 플렉셔블 박스는 IE 인 경우 11버전부터 지원한다고 하나, 특히 초보자분들은 단순히 예제 따라하기 보다는, 몇번이고 시안과 구조모양을 확인하면서 코딩의 의미를 파악하다보면 더욱 실력을 늘 수 있을 것이라 확신합니다. |
|
http://yirul.blog.me/220073733754
"사이트를 구축하면서 여러 개발자들을 만나보며 느끼는 점은 기획, 디자인, 개발은 별개로 움직이는 게 아니라 함께 움직여야한다.
기획은 기획만, 디자인은 디자인만, 개발은 개발만 잘 해서는 안 된다는 점이다.
요즘 사용자들이 어떤 것을 좋아하는지,
이를 만족시키기 위해선 어떤 기획, 어떤 디자인, 그리고 어떤 개발을 해야하는 지가
서로 공유되고 이해해야 그리고 거기에 플러스,
자신의 능력선에서 제공할 수 있는 아이디어가 더해져야 좋은 사이트가 만들어지는 것같다.
그런 사람을 만나는게 참 어렵다는 것을 이제 알았지만...
무튼!!! 이를 위해서는 요즘 트랜드에 맞는 웹사이트에 대한 이해는 필수이고
이 책은 html, css에 대한 내용이기는 하나- 그리 어렵지 않게 잘 설명되어있어개발자는 물론, 기획자, 디자이너 역시 읽어보면 좋을 듯하다 =)"
|
|
안녕하세요. 쟁느입니다 -
제가 지금 Do it 시리즈중에 다른책으로 공부를 하는 중이고 Do it 시리즈의 책구성이 너무 좋았기때문에 Do it! 반응형 웹디자인도 기대가 많이됐었는데요!
좋은 기회가 생겨서 Do it! 반응형 웹디자인 이라는 책을 서평할수 있게 되었습니다.
Do it! 반응형 웹디자인은 그렇게 두꺼운 책은 아니에요 -
표지 역시 튀는 디자인도 아니고 그렇다고 딱딱하고 어려운 느낌을 퐉퐉 풍기는 책이라는 이미지를 주는 디자인도 아니고
전 깔끔하게 잘 나온것같아요.
저는 현재 시각디자인을 전공하고 있는 4학년 학생입니다.
제가 디자인으로 전공을 잡게된건 중학교때 웹디자인이라는 분야에 대해 관심을 가지면서 디자인을 전공하게 되었는데요 .
어렸을때부터 웹디자인과 HTML에 관심이 많았고 자연스럽게 대학교4학년이 된 지금 웹디자이너라는 꿈을 향해 달려가고 있어요.
그 전까지 제가 가지고 있던 생각은 웹디자이너는 디자인만 하면된다! 였어요.
학교웹디자인 수업시간에도 따로 웹퍼블리싱에 대해서 가르쳐 주진 않았거든요. 경쟁력을 가지기 위해서는 디자이너가 코딩을 할줄 알아야 한다는 건 알고 있었지만
혼자 공부하기란 쉬운 일이 아니었고 또 주변 환경상 지금당장 학원을 다닐수 있는 처지가 아니었기에 -
고민이 많았는데! 독학하는 저에게 좋은 선생님같은 책을 하나 만나게 됐어요.
현재 이 책 말고도 이지스 퍼블리싱에서 나온 Do it 시리즈 중에 웹표준에 관한 책을 보고 있는데! 정말 좋더라구요
혼자 공부하다 보면 몇번을 봐도 이해가 안가는 부분이 생기기 마련이더라구요. 계속 보고 또 보고 보다보면 어느정도 이해가 되긴하는데
그래도 속시원하지도 않고 내가 정확하게 이해하고 있나 라는 생각이 들기도 하구요.
Do it! 반응형 웹디자인은 저자의 무료 동영상 강의를 제공해요! 가지고 있는 기기와 상관없이 유튜브와 아이튠즈에서 무료 동영상 강의를 쉽게 찾을수 있다는 점도 좋네요!
물론 컴퓨터앞에서 해보는 실습도 중요하다고 생각하는데
자주보고 기억하는것도 중요하다고 생각해요. 동영상 강의를 제공해주니 이동중 이나 예습.복습할때 이용하면 좋겠죠.
 
그리고 제가 이 책이 정말 혼자 공부하는 사람을 배려하고 있다고 느낀게 -
초급자와 중급자를 위한 학습 진도표를 제공하고 있어요. 혼자 공부하다보면 나태해지기도 쉽고 진도 나가기가 힘든데
분량을 딱 잡아서 정해주니 진도 나가는데 어려움이 없더라구요. 물론 공부하다가 보면 어떤 부분에서 오랜시간이 걸릴 수도 있겠지만
저는 이해 하던 못하던 한번 끝까지보고 다시 한번더 보는 식의 공부를 하기때문에 진도표가 포함되어있는 점은 높게 사고싶어요!
또 이지스 퍼블리싱 홈페이지에서 예제 소스파일을 제공하고 질문답변게시판도 같이 운영해서 혼자 공부하기에 좋은책인것 같아요.
      반응형 웹 기본 개념부터 기술 그리고 실전까지 단계별로 알려주고 있어요.
실무자들이 꼭 알아야할 반응형 웹 문제 해결 노하우까지! 수록되어있어요!
지금은 제가 HTML5 나 CSS3 에 대해 공부 중이라서 지금은 책을 봐도 모르는 용어도 많고 이해하기 조금 힘드네요.
공부하고 있는 책에서도 반응형 웹디자인을 제일 마지막 단원에서 다루고 있거든요. 공부하고 있는 책을 다보고 난뒤에 이 책을 보면 더 큰 배움을 줄것같아요.
HTML이나CSS에 대한 지식을 조금 가지고 보면 좋을 것같아요.
또 마지막부분에는 퀴즈를 제공하고 있어서 한번더 복습하는 차원에서 배운걸 확인할수 있어서 좋네요.
-
요즘 비슷비슷한 내용을 다룬 책들이 너무 많고 우월을 가리기 힘들 정도로 잘 가르쳐 주는 책들이 많아요.
독자 입장에서는 조금이라도 더 쉽고 나한테 맞는책을 찾기 마련인데요.
혼자 공부하는 입장에서는 책의 구성이나 질문게시판 운영 등과 같은 부분을 보면 독학하기 좋은 책인것 같습니다.
초보자들도 쉽게 따라할수 있는 예제들과 실무에 그대로 적용할수 있는 여러가지를 가르쳐주는 좋은책인것 같습니다.
그러나 쌩!초보인 저는 뭔가 어렵게 다가오네요.
앞에서 계속 말했듯이 어느정도 HTML이나 CSS에대한 지식을 가지고 봐야 할것 같아요.(당연한말이지만^^)
|
|
요즘 스마트폰기기가 점점 사용도가 늘어나고 점점 스마트폰 및 타블릿기기를 사용빈도가 늘어나서 모바일 웹이 많이 활성화가가 되고 있다. 그러나 만드는 사람쪽에서는 여간 번거롭고 힘든일일 수도 있다. 그래서 요즘 한번에 작업 할수 있는 반응형 웹디자인이 많이 이슈가 되고 있는데..해상도에 따라서 그 환경에 맞게 레이아웃 및 디자인이 변경 되게 하는 것이다. 반응형 웹디자인에 공부를 해야하는데 마침 이 책이 출간된지 얼마 안되고 또 살펴보니깐 괜찮아서 구입을 하게 되었는데 안에 내용은 더 좋았다. 지금 막 반응형 웹디자인에 대해서 생소하며 감이 안잡혀서 공부를 시작한 사람에 들에게 괜찮은 책인듯하다. 반응형 웹디자인에 대한 설명과 그리고 코딩하는 방법등을 자세하게 설명해주고 있기 때문이다. 또 중요한 것이 책의 두께인데... 휴대를 하면서 공부를 해야하는데 두께가 적당히 있는 것다. 사람이라는게 공부할때 두께가 크면 먼가 먼저 겁부터 먹고 이걸 언제 공부해야하나 하는 생각이 들기 마련인데... 적당한 두께인듯 하다. 책도 칼러라서 코드도 쉽게 한눈에 볼 수 있으며 코드에서 이해를 돕기 위해서 주석으로 표기보단 아래의 사진처럼 설명이 잘 되어있어서 좋다.
|
이렇게 퀴즈도 있어서 한번도 체크하면서 공부를 할수가 있다.|
처음에 반응형 웹 디자인 이라고 해서 국비로 교육을 받으면서 반응형 웹에 대해서 실습을 해본 적이
있었지만.. HTML 구조 와 CSS 자체에 대해서 많이 뒤쳐지다 보니 반응형 웹 에 대해서 많은 어려움을
느꼈습니다.. 그래서 반응형 웹 에 대한 책을 받아본뒤 책을 훝어 보았는데 초보자가 따라하기에도
기초적인 부분부터 해서 반응형 웹을 제작하는데 필요한 공식 같은 것도 잘 정리 되어있고 책이 두꺼우면
보다가 안보게 되는데 책 두께도 얇고 휴대하기에도 좋은점이 마음에 들었습니다..
우선 공부할때 책에 있는 예제들을 직접 코딩하면서 따라해보면서 결과값도 확인해보고 숫자도
바꿔가면서 해보면 많은 도움을 받을것 같습니다.. 그리고 이 책과 같이 고경희 저자님의 HTML5 + CSS
책과 같이 공부하시면 좋을것 같네요.. CSS 에 대해 개념을 이해한 상태에서 반응형 웹을 접하시면
취업 할때 포트폴리오 제작하는데 유용할것 같네요..
|
|
요즘 반응형 웹디자인에 대해서 많은 관심이 하면서 보게 된 책 "Do it! 반응형 웹 디자인"  아직 20대인 작가분이 직접 실무 경험을 바탕으로 쓴 책이라고 해서 더욱더 놀랐던 책인데요! 이 책은 간단한 예제로 반응형 웹 이 무엇인지! 그리고 어떤 식으로 디자인을 해야 되는지 자세히 설명이 되어서 좋았던 책인 것 같아요! 저자 직강 동영상이 있어서 더욱 더 쉽게 따라 할 수 있었고 만약 머뭇 거리게 되는 부분이 있다면, 저자분의 블로그에 들어가서 게시글들을 확인 하다 보면 바로 깨달음을 얻을 수 있었던! 정말 피드백 확실하던 책이었어요! (요런 이유로 제가 Do It!시리즈 정말 좋아합니다 ㅋㅋㅋ) 만약! 혹시! 반응형 웹에 관심이 있으신 분! 처음 다가가고 싶은 분들이 있다면! 이 책 나쁘지 않을 것 같아요!! |
|
안녕하세요. 홈페이지 제작을 간간히 하고 있는데, 요즘은 PC뿐 아니라 모바일 접속도 상당하기 때문에 이점을 고민하지 않을 수 없습니다. 13년째 운영하고 있는 개인 사이트는 작년에 오픈소스를 통해서 웹표준으로 제작을 했고 모바일 페이지도 따로 만들었으나 2개의 사이트가 전체적인 뼈대를 유지하지 못하고 뭔가 이질적인 면이 있었습니다.
이런 부분을 해결하고자 고민하던차에 네이버 카페 로고앤캐릭터 카페를 통하여 Do it 반응형 웹디자인 이라는 책을 알게 되었습니다. 저에게 꼭 필요한 내용들이 많이 있었습니다.
반응형 웹을 만들기 위해 CSS의 자세한 부분까지 잘 기술 되어있는 점이 좋았고 많은 양은 아니지만 하위브라우저 등에 대한 대책도 마련되어 있어서 아주 좋았습니다.
실전 사이트를 만드는 것을 통해 충분히 익히고 적용할 수 있어서 좋습니다. 현재의 홈페이지를 반응형웹 사이트로 바꾸기 위해서 하나씩 연습해가고 있습니다.
요즘은 많은 홈페이지를 오픈소스(그누보드, XE 등)를 이용해서 많이들 만들고 있어서 이 오픈소스에서 사용하고있는 레이아웃이나 게시판 스킨들을 반응형으로 코딩 한다면 그렇게 어렵지 않게 반응형 웹사이트를 만들 수 있고 유지보수도 그만큼 쉬울 것 같습니다.
모든 사이트에 동일하게 적용할 수는 없겠지만 모바일이 대세로 떠오른 요즘 사이트 운영자는 이부분을 간과해서는 안될꺼 같습니다.
책을 한번 둘러볼까요?
[책표지]
책 아랫부분에 이 책에서 실전으로 다룰 사이트를 보여줍니다. 반응형 웹은 코딩 자체가 디자인인것 같습니다. 코딩도 다른 프로그램처럼 어렵지 않습니다. html코딩을 할줄 안다면 충분히 할 수 있습니다.
[인트로]
[index] 인덱스를 보면 눈에 띄는것중 하나가 직접 코딩 해보세요 코너인데 잘 안내해줍니다.
[index - 실전 웹사이트 부분 미리보기 이미지]
또 하나의 장점이 있다면 인덱스중 실전 웹사이트를 만드는 부분에서도 표지의 이미지와 동일하게 보여주는것입니다. 왠지 똑같이 만들어보고 싶어지네요.
코딩을 안내해주는 곳은 줄 번호와 함께 에디터에서 처럼 색깔별로 되어 있는것이 보기에 아주 좋습니다.
[실전 웹 사이트 만들기] 어떤 것이든 직접 해보는것만큼 좋은것이 없듯이 실제로 사이트를 만들어보면서 메인페이지, 서브페이지 등을 구성하는것이 아주 현실적이여서 좋았습니다. 특별히 메인페이지에서도 단순하게 박스처리 하는것이 아니라 헤더, 슬라이더, 최근글, 인기 검색어, 배너, SNS, 푸터 영역등 세세하게 구조작업 할 수 있도록 실제 자주 쓰는것들을 나열한것이 너무 좋았습니다. 서브페이지도 가장 많이 사용하는 기본 페이지(소개 페이지), 갤러리, 게시판 의 구조 작업 하는 부분이 있어서 다른 소스에도 적용이 가능한점이 좋았습니다.
[실무자들이 꼭 알아야할 문제 해결 노하우] 실무자들이 겪는 문제점을 아주 깊이 있게 다루지는 않았지만 조금이라도 다뤄준것이 좋았습니다.(어느정도 해결 가능한)
이 책을 통하여 개인 사이트를 빨리 리뉴얼 하고 싶네요. 좋은 책을 접하는것도 참 행복한 일입니다.
요즘은 소스나 프로그램들을 CD로 제공하지 않고 웹상으로 많이 받을 수 있도록 하는데 이지스 퍼블리싱 사이트 회원가입해서 자료실에서 내려 받는것이 약간 번거로왔고 사이트도 느렸습니다. 다운 받는 파일도 구글을 통하여 받는데 그냥 단순 링크로 해서 파일을 다운 받게 했으면 어땠을까 하는 생각도 듭니다. 불편한건 어쩔 수 없나봅니다.
|
|
웹 기술이 너무도 빠르게 발전하고 있어 정신 없네요. 그치만 우리에겐 길잡이 도서들이 많으니 덕분에 좀 쉽게 알게 되는것 같습니다.
개인적으로 Do it! 시리즈 좋아하는데, 이번에도 반응형 웹디자인을 좀 더 알기 쉽게 다루고 있어서 빠른 시간내 해야 하는 분들에게 참 좋겠더군요.
어김없이 이번 도서에도 저자 직강 무료 동영상이 제공 되고 있어 언제 어디서도 쉽게 접근할 수 있다는거 그리고 이번에는 책 두께도 별로 부담되지 않아 배우는 데에도 지루함은 덜 할것 같아요. 다만 요 것 또한 코딩을 해야하는 것이므로 화려하고 이쁜 이미지 보단 알아보기 힘든 코드들이 다다다... 그래도 목표가 있다면 그래서 내가 하나의 새로운 기술을 알게 된다면 좋지 않은가 라는 각오로 열심히 들여다 보게 되요.
동영상 강의가 다 제공이 아니라 아쉬운 부분도 있지만 계속 업로드 해주는 것 같고 또 저자 이메일주소나 블로그가 있어 직접 질문할 수도 있구요.
이 책에서 소개되는 반응형 웹기술이 적용된 웹사이트 들이 소개 되어있는데, 그걸 보니 만들고자 했던 웹사이트를 얼릉 만들어 보고 싶어요. PC 뿐 아니라 스마트폰, 아이패드에서도 만든 사이트를 보면 오~ 그 느낌 새로울 것 같습니다. :) |
|
안녕하세요^^ 나에영입니다~^^ 오랫만에 남기는 도서리뷰! 바로 [Do it 반응형 웹디자인] 웹 퍼블리싱의 필수기술 반응형 웹디자인 리뷰가 되겠습니다~ㅎㅎ  반응형 웹이란 말 들어본 적 있으시죠? 벌써 웹의 대세로 자리잡은지 오래되었기 때문일 거에요. 좀 괜찮다~ 싶은 웹은 다 반응형이라고 할까요?!ㅎㅎ 요새 트렌드에 맞는 컴퓨터 서적을 많이 만들어내는 이지스퍼블리싱에서 또 한권의 Do it! 시리즈를 만들었습니다. Do it! 기획자/디자이너/개발자 모든 분야에서 경쟁력을 갖춘 웹 퍼블리셔의 스킬 대공개! 반응형 웹디자인! Do it! 시리즈는 책도 깔끔하고 요새 궁금한 새로운 it내용을 많이 펴내서 좋아라 하는 책중 하나지요! 제가 보기에 Do it!은 해라! 라는 뜻도 가지고 있고, it라는 단어도 들어있어 it 책스러운 시리즈의 이름인거 같아요,ㅎㅎ  일단 목차는 이렇습니다. 첫째마당도 있지만 올리지는 않겠어요. 인터넷 서점에서 확인하면 되니까요!ㅎㅎ 목차에 있는 컬러 그림은 반응형 웹이란게 무엇을 말하는지 잘 표현해주고 있죠! 왼쪽 페이지 그림은 윈도우8스러운 스타일이고, 오른쪽 페이지는 일반 반응형 웹 스타일이랄까요?  차례를 넘어가면 나오는 페이지에는 반응형 웹 전문가가 되기 위한 진도표가 있습니다. 하루 한 시간! 초보자를 위한 30일용 진도표, 15일 마스터! 중급자용 진도표! 요런 전문서적?을 볼때는 책을 어떻게 나눠서 볼까도 고민이었는데 이 진도표대로 따라서 차근 차근 할 수 있으니 부담없이 볼 수 있겠네요!ㅎㅎ  알아두면 좋아요! 라는 코너를 통해 여러가지 궁금증을 해결해 주는 부분이 있는데, 그중 가장 와닿아 한컷! 요새 대세가 반응형 웹이라고 해서 다 반응형 웹으로 만들 필요는 없다는 말이죠! 사용자 경험을 고려해 기획과 디자인을 완벽하게 갖춘 후 설계!를 해야하고, 유지보수 비용도 생각해야 되기 때문이죠! 엊그제? 저녁에 페북에 올라온 글을 하나 읽었는데 너희 회사 홈페이지가 안되는 이유? 라는 글이었나?(정확히 제목이 기억이 안나네요;;) 업체에서 홈페이지를 만들 때 유지보수 비용은 생각하지 않고 아무것도 모른체 적은 비용으로 10년 이상의 홍보효과를 누리려는 거라면 하지 말라고. 웹도 2~3년에 한 번씩 바꿔주고 관리해야 된다는 내용이었는데 이 내용이 바로 요번 알아두면 좋아요! 라는 코너에 나온 내용과 같은 말인듯 해요!  위의 사진과 연관되는 내용인,
반응형 웹사이트로 바꾼 후 기업 성장률! 아무래도 반응형 웹은 모바일에서도 편리하게 이용할 수 있고, 볼거리나 그런것들을 더 잘 볼 수 있으니 사이트에 머무는 시간도, 접속 속도도 증가하고
결국 매출 성장으로도 이어진다는 것이겠죠!  사진에 있는건 한국은행 화폐박물관 홈페이지!
저도 예전에 반응형 웹을 만들때 한국은행 화폐박물관 페이지를 참고해서 만들었던게 생각이나서 요 페이지를 올려봅니다! 아이패드나 스마트폰에서 작은 사이즈의 화면을 봐도 되지만, 웹페이지의 창 크기를 조절해도 변형된 사이즈를 볼 수 있으니 좋았지요!  이 책의 장점이라고 소개하고픈 페이지중 하나!
바로 코드부분인데요, css와 한글설명이 잘 나와있고, 코드를 보기 쉽게 컬러로 분리해서 나와있어 정말 보기 좋아요! 한눈에 쏙! 들어온달까!ㅎㅎ 글씨 크기도 커서 이게 뭔글자인지 헷갈릴 염려도 없구요! 완전 좋은듯!! 물론, 앞정렬은 다 왼쪽으로 맞추어져 있는데 책 본문상 페이지를 생각해서 한거니 그건 어쩔 수 없는 것 같구요! 그래도 보기좋게 정리되어 있어서 보기에 편해서 굿!!ㅎㅎ  요건 다른 책의 소스페이지! 요것도 잘 정리된 편인 소스인데, 저는 아직 한눈에는 안들어와서;; 저렇게 컬러로 정리해주니 좋더라구요!  마지막으로 반응형웹 문제해결 노하우까지!!! 저도 예전에 문제가 발생했을때 어떻게 대처해야 할지 몰라서 참 난감했는데 그런것까지 잘 대처해주어서 감사했답니다!ㅎㅎ 반응형 웹디자인이 처음이라면, [Do it 반응형 웹디자인] 웹 퍼블리싱의 필수기술 반응형 웹디자인 추천해드려요! |