반응형 웹 디자인이란 하나의 웹사이트가 PC, 태블릿, 스마트폰 등 다양한 디바이스의 해상도에 따라 적절한 레이아웃을 제공하는 기술입니다. CSS를 통해 디바이스 해상도에 맞는 레이아웃을 구현하기 때문에 CSS를 사용하지 않는 디바이스의 경우 이 기술을 적용할 수 없습니다. (적용불가 예 - 네이티브 앱) [그림.1] 반응형 웹 디자인 적용 샘플 (출처 : http://www.metabrain.com/responsive-web-designrwd [바로가기] 반응형 웹 디자인 사이트 모음 반응형 웹디자인 구현에 필요한 지식 및 기술 기획.. 모든 기기에 최적화 될 수 있도록 심플하게 기획해야 하고 페이지 내의 요소별로 퍼센트를 고려하여 리사이즈 할것인지, 사진의 갯수을 줄이는 것과 같이 배치를 바꿀것인지,..
아마도 제가 엄청나게 구매하는 아이템들의 약 20퍼센트 정도는 소니제품이 아닐까 싶은데... 소니바이오 노트북을 시작으로 알파 DSLR 카메라, NEX 미러리스 카메라, 캠코더 및 각종 이어폰과 헤드폰들까지.. TV나 방송카메라 정도를 제외하고는 소니스타일에서 판매하고 있는 대부분의 카테고리들을 한 번 정도는 구매했고.. 나름 국내 최대라 할 수 있는 네이버 바이오노트북 카페의 운영진까지 할만큼, 소니 제품에 적지않은 애착을 가지고 있고... 실제로도 수많은 제품을 사용해오면서.. 단 한번도 제품에 대한 불만 없이 대부분 높은 만족감을 충족시켜 줬고, 오늘 다루려고 하는 MDR-R1 역시도 꽤나 만족스러운 수준의 디자인과 Sound Quality를 보여주고 있습니다만, 제품 Quality의 발끝에도 미치..
컴퓨터에서 카카오톡 메시지를 쓸 날이 머지않은 모양이다.. 이르면 3월 내에 윈도우PC용 카카오톡 응용프로그램이 등장할 것으로 보인다. 업계 관계자는 “카카오톡 PC 응용프로그램은 윈도우용으로 먼저 공개되고, 이후 맥용이 나올 것”이라며 “윈도우용은 3월 안에 출시될 것으로 보인다”라고 밝혔다. 또 다른 관계자는 “카카오톡 PC 버전은 별도 응용프로그램으로 개발돼, 현재 알림 오류를 바로잡는 중이며 배포 날짜를 가늠하는 단계”라고 말했다.김범수 의장은 지난 2012년 11월 카카오 기자간담회에서 “다음 해에는 PC서비스도 선보일 수 있을 것”이라고 말한 바 있다. 이때 구체적인 시점을 언급하진 않았다.카카오는 그동안 PC 버전에 관한 문의에 “PC에 대한 요구는 꾸준히 있었다”라면서도 모바일 서비스에..
정말 오랜만에 음향기기 리뷰를 작성해보네요... 그간 거쳐갔던 수많은 음향기기들이 있었습니다만, 너무 귀찮았던 나머지, 리뷰를 작성할 엄두를 못냈는데, 2013년을 맞이하야 새로운 마음으로 리뷰를 작성해볼까 합니다. 오늘 리뷰할 제품은.. 헤드폰 시장에서는 다소 생소한 하만카톤(harman/kardon) 사의 온이어 헤드폰 CL 모델인데요.. 하만카톤은 유럽에서 고가의 최상급 오디오 시스템을 만드는 브랜드로 잘 알려져 있지만, BMW 등에 들어가는 차량용 오디오시스템이나 하이파이를 지향하는 고가 라인업에 주력하다보니, 국내에서는 여타 브랜드에 비해 대중적인 인지도가 그리 높지 않은 브랜드이기도 합니다. 하만카톤이란 브랜드를 널리 알리게 한 히트작. 사운드스틱 2(SoundSticks II) 하지만 점차 ..
개방형 플랫폼 기술인 HTML5가 안드로이드, iOS와 함께 세계 모바일 플랫폼 시장의 새로운 중심 축으로 부상하고 있다. 내년 초 세계 1위 휴대폰 업체인 삼성전자가 HTML5 기반 OS 타이젠 스마트폰을 출시하고, 국내외 통신사들도 구글-애플의 플랫폼, 콘텐츠 지배력에서 벗어나기 위해 HTML5 생태계 확산에 나서고 있다. 30일 통신업계에 따르면, 2013년에는 차세대 개방형 플랫폼 기술인 HTML5가 안드로이드, iOS가 양분하고 있는 모바일 플랫폼 시장의 한 축으로 부상할 전망이다... HTML5는 웹에 기반해 다양한 애플리케이션을 구현하는 글로벌 표준 플랫폼 기술이다. 웹 문서를 제작하는 데 쓰이는 기본 프로그래밍 언어로 별도 앱을 설치할 필요 없이 화려한 그래픽 효과와 음악, 동영상을 구..
야후 코리아가 31일 국내 서비스를 완전종료하고 철수한다.. 앞서 야후 코리아는 지난 10월 한국 사업을 올해 말 종료한다고 밝혔다. 야후는 그 동안 글로벌 서비스가 가능한 특정서비스들에 대해 국내 이용자가 원할경우 미국 야후로 계정을 이전할 수 있도록 지원해 왔다. 야후에서 지원하는 계정 이전 등의 조치를 취하지 않은 경우 모든 개인정보를 비롯한 이메일, 첨부 및 사진 모두 삭제되며 더 이상 접근할 수 없다. 야후 코리아 캐시에 대해서도 잔액이 있는 이용자들에게 지난 26일까지 환불 신청을 받았으며, 해당 기간 내 신청하지 못한 이용자는 30일까지 야후 코리아 고객센터 통해 추가 신청을 받았다. 환불 요청내용에 대해서는 내년 초에 지급될 예정이며 총 잔액 1000원 미만 및 이벤트 캐시는 현금 환불대상..
오랜만에 웹기획 가이드를 남기는 야메군 입니다. 넘쳐나는 소재에도 불구하고 산적한 업무를 처리하느라 잠시 게으름 아닌 게으름을 피웠던 거 같은데요, 오늘부터 가열차게 웹기획 가이드를 채워보도록 하겠습니다. (물론.. 한가해졌다는 건 아닙니다만..=_=;) 오늘의 주제는, 같은 회사 임에도 서비스의 특성이나 아이덴티티에 따라 나눠진 수 많은 웹사이트를 관리의 용이성과 산재된 인프라를 하나로 묶기 위해... 웹사이트마다 각기 다른 아이디와 하나의 비밀번호, 그리고 회원정보 등을 하나로 통합하는 패밀리 사이트 개념의 웹사이트를 작업할 일들이 한 번쯤은 생기게 되는데 이미 경험이 있다면 그리 어렵게 생각할 건 없지만 그에 대한 경험이 부족하다면 도대체 어디서부터 손대야 할지 난감한 경우들이 생기게 되는데, 오늘..
교보문고가 액티브X를 설치하지 않고 신용카드로 결제할 수 있다고 12월14일 발표했다. e쇼핑할 때 짜증을 부르는 액티브X 없는 신용카드 결제라니, 반가운 마음에 시도했다. 그런데 아뿔싸! 윈도우 PC에서 인터넷 익스플로러(IE)에서만 쓸 수 있단다. 인터넷교보문고는 BC카드와 오픈 웹 방식의 스피드 안전결제 서비스를 도입했다. 스피드 안전결제는 결제수단 중 ‘신용카드’를 선택하고 카드 유형에서 ‘BC카드 Speed 안전결제’를 선택해야 작동한다.. 30만원 이상을 결제할 때는 공인인증서를 추가로 설치해야 하는 불편함은 있다. 그래도 액티브X를 깔지 않아도 되는 게 어디인가. 헌데 인터넷교보문고에서 결제할 때 ‘신용카드’를 선택하는 건 윈도우 PC에서 IE가 아니면 불가능하다. 맥OS 크롬 웹브라우저상에..
네이버 지식백과의 쿠키와 세션은? 쿠키는 원래 네티즌들의 홈페이지 접속을 돕기 위해 만들어졌다.. 회원제로 운영되는 웹사이트에서 쿠키를 사용할 경.. 이용자는 처음 들어갈 때 아이디(ID)와 비밀번호(Password)를 입력하면 다른 페이지를 방문할 때마다 아이디와 비밀번호를 다시 입력할 필요가 없다. 그러나 쿠키를 사용하지 않으면 이용자는 동일 웹사이트에서 다른 서비스 페이지를 방문할 때마다 회원정보를 계속 입력해야 하는 불편함이 있다. 지식백과의 설명대로 쿠키는 사용자정보를 서버에 전달하기 위해 만들어졌습니다. 세션도 쿠키와 함께 사용자정보를 서버에 전달하는 역할을 수행하는데 서로 저장되는 위치가 달라 쿠키와 세션을 구분짓습니다. 쿠키는 사용자PC에 정보가 저장되고, 세션은 서버에 저장이 됩니다. [..
안녕하세요? 야메군 입니다. 약 2년여 간 쉬지않고 진행했던 5주 빡세게 공부하고 기획마인드 갖기 강좌를 성원해주신 많은 분의 참가자들께 진심으로 감사드립니다. 지난 약 이십여회의 강좌를 통해 기획자가 갖춰야 할 기본적인 마인드를 전달해 드리기 위해 노력했는데 그간 강좌를 진행하며 참가자 분들에게 가장 아쉬웠던 부분이 바로.. 기획적인 논리적 사고방식과 능동적인 대응력의 부재가 아니었나 생각되며 이를 충족시키기 위해, 어떠한 형태의 강좌 진행이 가장 바람직한가를 여러 방향에서 고민한 결과 참가자분들의 직접적인 참여형 강좌가 바람직하다는 결론을 얻게 되었습니다. 이러한 결론을 바탕으로, 좀 더 친화적인 스터디를 진행하고자 하며 참여형 스터디를 통해 참가자 분들에게 실무적인 기획 논리력과 대응력.. 그리고 ..
'애플 아이폰5는 3무(無) 본드폰.' 지난 7일부터 SK텔레콤과 KT를 통해 국내 시판된 애플 아이폰 5가 시장에서 폭발적인 반응을 얻고 있지만, 삼성전자 등 경쟁사 스마트폰이 공통적으로 제공하는 핵심 서비스가 결여돼 소비자들의 빈축을 사고 있다. 일부 네티즌들은 이를 두고 애플 아이폰 5는 고음질 음성통화 서비스 VoLTE, 근거리 무선통신 NFC, DMB 서비스를 지원하지 않는 ‘본드(VoND)폰’이라며 비아냥대기도 한다. 11일 관련업계에 따르면... 애플 아이폰 5는 SK 텔레콤이나 KT, LGU+ 등 국내 이동통신사들이 올해 하반기부터 앞다퉈 제공하는 VoLTE 서비스를 지원하지 못하고 있는 것으로 나타났다. VoLTE란 4세대(4G) 네트워크를 통해 고품질 음성통화를 하는 것을 말한다. 국내..
앱 제작을 의뢰하는 고객(우리회사 사장님)은 안드로이드폰이나 아이폰, 아이패드, 갤럭시탭 등.. 모든 스마트기기에서 동일한 화면이 보여지길 희망합니다. 하지만 현실적으론 어려운 부분이 많은데요. 도대체 왜? 모든 기기에 최적화 된 해상도를 맞출 수 없는지 그 이유를 알아보겠습니다. 그럼 첫번째 그림의 샤론스톤과 짜롱스톤을 비교해보겠습니다. 샤론스톤의 옷을 입은 짜롱스톤이 보이시나요? 분명히 같은 옷인데 짜롱스톤은 '좀' 부담스럽습니다. 그나마 체형에 맞는 옷을 입었다면 부담스럽지는 않았겠죠? 반대로 샤론스톤이 짜롱스톤의 옷을 입는다면 어떨까요? 원초적 섹시함은 고사하고 잠옷을 입은듯한 귀여운 모습일꺼에요. [그림. 1] 샤론스톤과 짜롱스톤 이처럼 사람의 체형은 모두 다르기 때문에 똑같은 옷을 제작하더라도..
흔히 웹기획자를 "잡부"라고 표현합니다. 아마 "잡(?)"스러운 일들이 많이 주어지기 때문일텐데요. 일을 주는 상사 입장에서 보면 개발자나 디자이너는 그들의 업무영역이 명확한데 비해 웹기획자의 업무영역은 명확하게 이해하지 못하기 때문인 것 같습니다. 사실, 수많은 웹기획자가 본인의 업무에 대해서도 정확히 이해하지 못하고 있습니다. 그러다보니 웹기획이 정말 내 적성에 맞나.. 웹기획을 제대로 배우려면 웹에이전시에 가야하나.. 라는 고민을 하게 되는데, 그전에 웹기획자가 어떤 일을 하는지를 먼저 알아야 하고, 각각의 일이 본인의 적성과 잘 매칭되는지를 판단해야 하는데, 그렇지 못할 경우 아래와 같은 상황이 발생할 수 있으며, 이 경우.... 분명히 기획적인 자질이 있음에도 불구하고 적성과 맞지 않는 업무의 ..
여러분은 UI와 UX의 개념에 대해 정확하게 알고 계신가요? 요즘 채용공고를 살펴보면, "UI/UX기획자 모집"이라는 공고가 자주 보입니다. 저조차도 이력서에 UI와 UX설계 전문가라고 작성하고 있는데.. 최근 면접자리에서 UI와 UX의 개념이 뭔가요? 라는 질문을 받았습니다. 그때 어디선가 들어 본 듯한 밥상에 비유해서 답변을 하긴 했는데, UI(User Interface)란 밥,국,반찬 등을 보기 좋고 먹기 좋게 배치하는 것이고, UX(User Experience)란.. 그 사람의 특성과 경험을 고려하여 된장국을 좋아하는 사람 근처에는 된장국을, 그리고 왼손잡이에게는 국과 수저를 왼쪽에 배치하는 것이라고 대답했습니다. 이 대답을 면접관들이 어떻게 받아들였는지는 모르겠지만, 제가 느끼기에는 그 분들도 ..
전세계가 손꼽아 기다려온 애플의 ‘아이폰5’가 드디어 베일을 벗었다. 그러나 그동안 루머로 나돌던 스펙 그 이상의 깜짝 발표는 없었다. 실망감과 함께 혹평들이 만만찮게 쏟아지고 있다.. 12일(현지시간) 애플은 샌프란시스코 예르바 부에나센터에서 열린 이벤트에서 ‘아이폰5’를 공개했다. 아이폰5는 4인치 레티나 디스플레이를 탑재해 스크린이 커졌고, 무게는 122그램으로 종전보다 20% 더 가볍고 두께는 7.6밀리미터로 기존 제품보다 18% 더 얇아졌다. 예상대로 4세대(4G)LTE를 지원하며 새로운 A6칩으로 CPU와 그래픽 속도가 2.1배 개선됐다. 배터리도 개선돼LTE 웹 검색엔 여덟 시간, 대기상태에선 225시간 동안 지속되며 카메라는 8메가픽셀이었다.. 제품을 소개한 필 쉴러 마케팅최고책임자(CMO..