한빛미디어의 '리얼타임' 부서에는

'이부기(E-Bookie)' 라는 한 총각이 근무하고 있습니다.


리얼타임 에디터 직업을 가지고 있는

부기(Bookie)의 라이프를 소개하려고 합니다.


▲ (BGM: 커피소년 - 장가갈 수 있을까)



언제나 어디서나 전자책을 볼 수 있는 디바이스는 필수!


▲ 걸어가면서도 절대 일을 놓지 않는 워커홀릭!



일 욕심은 많지만, 내 동료에게는 따뜻한 도시남.


▲ 상대방이 팀장님이라고 쫄지 않는다



이 남자,


▲ 근자감 넘치는 입모양 '앙-'




이부기가 근무하는 모습은 이렇습니다.


▲ 시키지도 않은 과감한 설정샷



시간이 지나도 선글라스를 벗을 생각이 없는 이부기입니다.


▲ 나름 귀여운 이부기 입모양



최신 유행하는 미러 선글라스를 소유한 패셔니스트!

이부기가 추천하는 2015 S/S 개발자 패션 트렌드는???


리얼타임 100호 티셔츠 & 100호 뱃지!


↓이부기가 입은 티셔츠를 받을 수 있는 절호의 기회

http://www.hanbit.co.kr/events/realtime100event.html

(링크 클릭!)



▲ 리얼타임 뱃지는 오프라인 서점에서 만날 수 있습니다.




마지막으로 전자책을 사랑하는 이부기가 하고 싶은 이야기는

"한빛 리얼타임 많이 사랑해주세요"


▲ 끝까지 멋진 척하는 이부기

한빛리더스 10기 김기범 님의 

『모던 웹 디자인을 위한 HTML5+CSS3 입문, 개정판』도서 리뷰 입니다.


[원문: http://blog.naver.com/kgbdiy/220348590237]





웹 관련 서적을 보면 처음부터 끝까지 저자가 기술한게 그리 많지 않습니다. 특히 새로 나온 기술에 대한 책은 대부분 번역서이고 좀 많이 대두되어야만 활용서적이 출판되어 나오는게 되죠...그래서 내용적인 면에서 바이블적인 면은 있지만, 실제 자신이 일하고 있는 환경에 실용적으로 적용하는데 있어서는 한계가 있고 부족하다고 느끼게 됩니다.

 

이 책은 이미 <모던 웹 디자인을 위한 HTML5+CSS3 :개정판>초판이 나왔었고 이번에 나온건 개정판입니다. 이런저런 HTML5 관련서적을 읽으면서 책마다 저자들의 고유 화법도 느끼게 되고 장/단점이 있게 마련입니다. 책을 소개하면서 화려함보다는 내실을 다졌다고 미리 얘기하고 서평을 시작하려고 합니다.





▲ 웹표준과 함께 HTML5 와 CSS3 가 대두되면서 프런트엔드 퍼블리셔, 웹디자이너뿐만 아니라 개발자들도 반드시 알고 있어야만 원활한 협업기 가능하게 됐습니다. 아주 예전에 초기 웹표준을 대형 사이트들마다 적용하면서 관리자개발 프로젝트를 진행할때 개발자들이 웹표준때문에 고생하던 모습을 보면서, 아직은 힘들겠구나? 하는 생각을 했었던 적이 있지만, 지금은 어느새 일반화되어 있고 개발자들도 이런 구조적인 언어에 대한 인지도 많이 높아져 가고 있습니다.


입문서답게 첫장부터 HTML5 기본 태그와 CSS의 속성에 테이블을 정리한 페이지를 따로 제공합니다. 오려두고 책상에 놓던 자시 책상에 파티션에 붙여놓고 쓰던간에 참 용이할것 같습니다.





▲ 웹언어를 다룬 책들은 디자인관련서적에 비해 화려하지 못하고 많이 지루한 편집으로 집중력이 떨어집니다. 어떻게 말하면 재미가 없다고 라고나 할까요!


<모던 웹 디자인을 위한 HTML5+CSS3 :개정판>책은 재미난 책은 아닙니다. 그도 그럴것이 웹쪽일을 하는 사람이 아니라면 당연한 얘기지만, 비슷한 류의 책을 보던 본인입장에서는 서툴면서도 정리가 잘된 내 노트를 보는듯합니다. 이 도서는 과장이 없습니다. 책의 내용대도 코딩한 결과를 정직하게 보여줍니다. 당연한 얘기이지만, 이 책에서 제시하는 무료 HTML5 편집툴과 대상 브라우저등 꼼꼼하게 가이드해주고 있기때문입니다.


또한 반드이 알고 넘어가야하는 부분은 NOTE라고는 박스안에 잘 정리해놓았고 가장 핵심이 되는 마크업이나 문법은 필기체로 다른 내용과 구별해서 표현해주고 있습니다. 투박해 보일 수도 있지만, 나름 구분해서 알기 쉽게 하자는 저자와 (출판)편집자와의 의도가 아닐까! 라는 생각도 듭니다.





▲ HTML 에디터의 기본 폰트설정을 바꾸면 본인한테는 편할지 모르지만, 언어의 형태가 바뀌면 초보자 입장에서는 따라하다가 당황하게 됩니다. 그런 세세한것까지 고려한건지는 모르지만, 기본 서체로 책의 내용은 진행됩니다.





▲ <모던 웹 디자인을 위한 HTML5+CSS3 :개정판>에서는 브라우저마다 어떻게 보여지는지에 대해 알려주고 태그별로 설명할때는 해당 타이틀에서 표기둬서 책을 통해 학습하는 분들이 쉽게 크로스 브라우징에 대한 이해도를 높이도록 배려해주고 있습니다.


그리고 사견이지만, 은근히 편하게 표현 예제(꿈틀이)들도 소소하게 이 책이 쉽고 편하게 입문자들이 접하게끔 했다는 노력의 흔적이 곳곳에서 보입니다.





▲ 이 책은 은 산만해 보일 수지 모르지만, 흐름이 있습니다. HTML5에 대한 전체적인 마크업이 익숙해지고 정리가 되면 흔히 말해 이쁘게 레이아웃을 만드는 CSS3로 넘어갑니다.

웹코딩이나 디자인을 하면서 막상 마크업을 해놓았는데, 어떻게 복잡해 보이는 웹디자인 이미지를 화면에 띄우게 할 수 있을까? 많이 망설이고 고민하겠죠!


또한 붙박이 메뉴바부터 따로 움직이는 페이지 등 요즘은 단순히 전체 페이지가 스크롤되지 않고 레이아웃 프레임에 따라 유지적으로 동작함으로 초보자는 걱정이 먼저 앞서게 되죠...


그래서 기본적인 내용과 함께 예전~최근까지 많이 사용되는 레이아웃이 어떤 CSS3 로 꾸며지는지 재빠르게 소개하고 있네요~





▲ 예제 파일은 한빛미디어 웹사이트를 통해 다운로드 받을 수 있습니다. 우리가 이런 책들로 학습하다보면 안내되는 예제파일중 어떤걸 열어봐야 하는지 헷갈릴때가 있는데 위 이미지와 같이 해당 태그나 속성에 대한 학습시 어떤 예제파일이 해당되는지 바로 옆에 표기해줘서 폴더에서 찾기 편합니다.






<모던 웹 디자인을 위한 HTML5+CSS3 :개정판>책을 읽으면서 HTML5와 CSS3에 대한 학습/배움의 종착역을 찾은듯한 기분이 듭니다. 물론, 더 나은 책이 나올 수도 있겠지만 현재 이 서평을 작성하면서도 아직 이책을 완전히 완파하지는 못했습니다만 그만큰 더 뜯(!)어보고 싶은 책임에는 분명합니다.


입문을 하든, 이미 입문해 있던간에 HTML5와 CSS3를 다지고 싶고 기초를 탄탄히 하고 싶다면 추천하며 책보다는 자기것을 만들기 위한 "노력"이 가장 중요한다는걸 명심해두시기 바랍니다.

<글/사진 : IT1팀 홍혜은 사원>


표지 한 장을 만드는 데는 많은 시간과 노력이 필요합니다.

표지는 책의 첫인상을 결정할 아주 중요한 요소이기 때문입니다.

이번 포스팅은 바로 ‘표지’와 관련된 이야기랍니다. +_+


얼마 전, 하늘이 맑은 오후!

한빛미디어의 IT출판부에 위치한 Make 팀에서는 재미있는 작업이 진행됐는데요. 

바로 신간 <프로젝트로 배우는 라즈베리 파이>의 표지에 사용될 소품 촬영이 있었습니다. 


표지 촬영! 어떻게 진행되는 걸까요? ㅎㅎㅎ

대체 어떤 특별한 소품이기에 포스팅까지 하는 걸까요? (홍보 냄새가 나더라도 이해를...^^;;)

그 표지 촬영 현장! 지금부터 한빛 이웃님들께 살짝~~ 공개합니다!


*** 라즈베리 파이란?

2006년경 영국 케임브리지 대학교의 에반 업튼 박사가 함께 개발한 신용카드 한 장 크기의 자그마한 개발 보드이다. 운영체제를 온전히 돌릴 수 있기 때문에 손바닥 컴퓨터라고도 불리운다.


짜자쟌! 촬영 준비를 하는 모습입니다. 




조명 아래에 놓인 소품이 보이시나요? 표지를 더더욱 귀엽게 꾸며 줄 오늘의 주인공!!!

요리사 미니어처 그리고 산딸기 되시겠습니다!!! 


  


대체 표지가 어떤 콘셉트일지 이쯤되면 궁금하시겠지만 조금만 참아주세요. 

완성된 표지는 이 글을 쭉~ 읽고 나면 보실 수 있습니다. ㅎㅎ




▲ 자, 녀석들을 어떻게 할 것인가!


뭐 어쩌겠습니까. 그냥 찍는 겁니다. 카메라로 하나하나, 꼼꼼히 말입니다. 
필요한 것은 섬세하고도 집요한 노가다(?)를 즐기는 인내심!! 
표지 콘셉트와 전체 분위기에 어울리도록 아이템을 다양하게 연출하고 찍어 봅니다. 찰칵찰칵~

한빛미디어의 소문난 능력 디자이너!!! 강은영 과장님의 지휘에 따라 
산딸기를 바구니에 예쁘게 쌓아 보기도 하고, 
산딸기를 한 알씩 떼어내 손톱보다 작은 미니 스푼에도 올리고 유리병에도 담고, 
레시피를 고민하는 요리사님들의 수고로움까지 다방면으로 연출하면서 촬영을 진행했습니다.

(Make 편집 담당인 저도 나서서 촬영을 도왔는데요….
사실 쉬울 것 같아도 이게 은근히 중노동이더군요…ㅎ….. 
 느낌이 안 오시는 분들은 산딸기를 구매해서 손때 안 묻게 한 알씩 떼어 보시기를…..^^;;;)


▼ 촬영 후 보정을 끝낸 모습! 












촬영이 끝난 다음부터는 디자이너님의 멋진 능력이 멋지게 나설 차례!!!

사용할 사진을 골라내고, 그 사진들을 보정한 다음, 미리 작업해 둔 표지 시안 위에 배치해서 최적의 디자인으로 완성하게 되지요.아래의 표지처럼요!



이것이 바로 완성된 표지입니다. +_+!!! ㅎㅎㅎㅎ



보드 위에서 요리를 하는 요리사, 스푼 위의 산딸기 등등이 곳곳에 놓여있는 것, 보이시나요?

라즈베리 파이가 누구에게나 쉽고 친숙한 콘텐츠임을 알리고자 하는 

애환과 고민이 담긴 결과물이라고나 할까요… ^.ㅜ 


이 표지를 위해 수고해주신 분들이 많습니다. 

(사실 Make팀에서 한 일은 소품 준비와 촬영 보조정도였습니다^^;;)

이 자리를 빌어 디자인을 해 주신 강은영 과장님, 

그리고 표지의 얼굴인 ‘라즈베리 파이’ 사진을 찍어주신 류승완 작가님께 감사드립니다. :D


이렇게 미니어처를 활용한 것은 메이크에서는 처음 있는 일이 아니에요. 

지금까지 출간된 메이크 프로젝트 시리즈 표지에는 공통적으로 미니어처가 등장하고 있거든요. 

(앞서 출간된 다른 도서들도 모두 직접 하나하나 촬영을 했다고 합니다. 그 열정에 박수를….ㅠ_ㅠ)


오늘 소개한 내용은 한빛미디어에서 출간되는 수많은 도서 중 하나의 사례일 뿐이지만, 

요점은 동일합니다. 모든 편집자들은 한 권의 표지를 기획할 때 동일한 고민을 하게 된다는 거죠. 

어떻게 하면 표지를 통해 이 책의 콘셉트를 제대로 알릴 수 있을까 하고요. 


이 글을 읽고 나신 후에는 주위에 있는 책의 표지를 유심히 살펴보세요. 

생각지도 못했던 숨은 이야기들을 발견하실지도 몰라요^^ 

생각중


+ Recent posts