<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webactually Korea &#187; webactually</title>
	<atom:link href="http://www.webactually.co.kr/archives/tag/webactually/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webactually.co.kr</link>
	<description>expand your network</description>
	<lastBuildDate>Mon, 29 May 2017 05:36:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>웹액츄얼리 인턴의 &#8216;코드카데미&#8217; 강의 체험기</title>
		<link>http://www.webactually.co.kr/archives/9357</link>
		<comments>http://www.webactually.co.kr/archives/9357#comments</comments>
		<pubDate>Fri, 13 Jul 2012 09:17:48 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Codecademy]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[시작]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[웹액츄얼리코리아]]></category>
		<category><![CDATA[인턴]]></category>
		<category><![CDATA[체험기]]></category>
		<category><![CDATA[코드카데미]]></category>
		<category><![CDATA[코딩]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=9357</guid>
		<description><![CDATA[웹액츄얼리팀에 새로 합류한 신지윤님의 인턴 통과 과제였었던  ‘코드카데미’ 이용 후기와 체험기를 읽어보시고 어려운 코딩 공부 재미있게 하세요!]]></description>
			<content:encoded><![CDATA[<div class="msgbx"><div><br />
한 달 전 웹액츄얼리팀은 이메일 한 통을 받았습니다. 한 학생의 인턴제안 메일이었습니다. 왠만해서는 신입직원도 잘 뽑지 않는 웹액츄얼리팀은 당연히 인턴제도도 없습니다. 하지만 워드프레스에 대한 열정과 자신이 하고 싶은 일에 대한 적극성을 보인 이 학생에 대해 궁금증이 생겼습니다. 약간의 기대를 가지고 그 학생과 면접을 보기로 했습니다. 그리고 면접을 통해, 워드프레스와 웹디자인에 대한 뜨거운 관심과 열정을 소유한 사람이라는 것을 느꼈습니다.</p>
<p>웹액츄얼리팀은 실험을 한번 해보기로 했습니다. 이 학생에게 ‘<a href="http://www.codecademy.com">코드카데미</a>’ 웹사이트에 들어가서 우리가 지정한 과목의 강의를 듣고 이수할 때마다 주어지는 ‘배지’를 받으면 인턴채용을 하기로 한 것입니다.</p>
<p>일주일 뒤, 이 학생은 우리가 낸 모든 미션을 완료했고 이번에 웹액츄얼리팀에 합류했습니다. 다음은 인턴합격자 신지윤님의 ‘코드카데미’ 이용 후기와 체험기입니다.</p>
<p>[웹액츄얼리팀]<br />
</div></div>
<p><strong>안녕하세요. 여러분!</strong></p>
<p>저는 웹액츄얼리코리아(Webactually Korea, Inc.) 인턴과정을 통과하고 당당히 팀에 합류한 신지윤이라고 합니다! 인턴 통과 과제를 통해 얻은 깨달음을 여러분과 함께 공유하기 위해 이렇게 글을 쓰게 되었습니다.</p>
<p><strong>여러분은 무슨 일을 하시나요?</strong></p>
<p>스펙 쌓고 싶은 대학생? 한가한 대학생? 창업자?</p>
<p>요즘은 자기 개성의 시대로 또 소셜 네트워크로 연결된 사회이다 보니 쉽게 자신을 인터넷에서 표현할 수 있고, 다양한 정보를 공유할 수 있는 시대입니다.</p>
<p>이러한 시대에 존재감 없이 살아가는 것보다는 자신만의 웹사이트, 자신만의 창을 통해서 쉽게 ‘나’를 표현할 수 있다면 좀 더 의미 있는 삶이 되지 않을까요? 또는 웹사이트를 이용해서 여러분만의 작은 사업을 할 수도 있겠죠?</p>
<p>예를 들어, 퀼트로 쿠션이나 이쁜 수공예 인형을 만드시는 능력자분들은 인터넷 웹사이트를 통해 온라인 판매도 가능하겠죠. 요즘은 사람들이 인터넷 검색을 통해서 병원을 찾고 맛집을 찾아 다니잖아요. 이처럼 웹사이트는 모든 비지니스 마케팅에 있어서 빠질 수 없는 요소라고 생각합니다.</p>
<p>하지만, 웹사이트 만들기가 어렵다고 들으셨죠?</p>
<p><strong>맞습니다.</strong></p>
<p>쉽지 않은 것은 사실입니다. 그러나 모든 것은 노력없이는 가능하지 않겠죠? 여러분이 약간의 &#8216;실행&#8217;으로 작지만 의미있는 &#8216;결실&#8217;을 얻을 수 있는 방법을 공유하고자 합니다. 저와 함께 시작해 보실래요?</p>
<p>먼저 웹사이트를 만들고 싶으시다면 웹코드, 즉 웹사이트를 만들기 위해 알아야 하는 그들의 언어들이 있겠죠? 그 코드를 가장 쉽고 재밌게 배울 수 있는 방법 중 하나인&#8230;</p>
<p><strong>‘코드카데미(<a href="http://www.codecademy.com">http://www.codecademy.com)</a>’라는 웹사이트를 소개합니다.</strong></p>
<div id="attachment_9447" class="wp-caption alignleft" style="width: 1079px"><img class=" wp-image-9447  " title="codecamemy1" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/codecamemy1.png?0b529f" alt="" width="1069" height="767" /><p class="wp-caption-text">코드카데미의 사이트의 첫 화면</p></div>
<p>저는  웹액츄얼리 인턴 과제로써, 이 코드카데미 사이트에서 제공하는 좋은 기회를 알게 되었고, 실천으로 옮기게 되었습니다. 여러분들도 이러한 좋은 기회를 놓치지 말고 기회가 있을 때 잡으세요!</p>
<p>뉴욕시장인 마이클 블룸버그도 올해 초 ‘<a href="http://mashable.com/2012/01/05/bloomberg-codecademy/"><strong>코드의 해</strong></a>’로 정하고 이런 멋진 코드를 배워야 한다고 했다는군요. 코드를 짜는 것도 멋지지만 블룸버그 시장도 멋진 아저씨인 것 같습니다. <img src="http://www.webactually.co.kr/wp-includes/images/smilies/icon_smile.gif?0b529f" alt=':)' class='wp-smiley' /> </p>
<p><a href="http://www.codecademy.com">코드카데미</a>는 제3의 언어로 뉴욕 시민들에게 코딩을 쉽게 가르치기 위해 뉴욕시에서 만든 일반인 대상 웹사이트라고 합니다. 그래서 일반인들이 배우기 쉬울 뿐만 아니라 영어만 &#8216;조금&#8217; 아시면 누구라도 쉽게 익힐 수 있습니다. 중고등학교 영어실력으로 이해할 수 있으니깐 영어로 된 웹사이트라고 무조건 피하지 마세요.</p>
<p>코드카데미에서는 사용자가 코드를 실제로 작성해 주어진 과제를 해결해 가면서 배울 수 있는 시스템을 가지고 있습니다. 여러분이 직접 작성한 코드의 결과가 어떻게 웹페이지에 표현이 되는지를 바로 확인할 수 있어서 어려운 코드들을 쉽고 재밌게 배울 수 있습니다.</p>
<div id="attachment_9451" class="wp-caption alignleft" style="width: 1079px"><img class="size-full wp-image-9451" title="codecamemy2" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/codecamemy2.png?0b529f" alt="" width="1069" height="845" /><p class="wp-caption-text">코드카데미의 강의 내용</p></div>
<p>위 그림에서 보면, 이 웹사이트에서 제공하는 코스는 현재 Web Fundamentals(기초), JavaScript Fundamentals, JQuery로 구성 되어있고, 각 코스마다 이론 밎 Project, 다양한 연습 문제로 구성 되어있습니다. 마지막 Code Year는 바로 이 세 코스를 통합해서 부르는 과정입니다.</p>
<p>Web Fundamentals 경우, 8개의 Chapter로 한 개의 코스가 구성이 되어있으니까 하루에 보통 2시간 소요되는 하나의 Chapter를 매일 한다고 가정했을 때, 이 모든 과정을 한달 안에 마칠 수 있겠죠?</p>
<p>하지만 제가 이 기초 코스(Web Fundamentals)를 듣고 느낀 것은 코드를 배우는 저 같은 초보자의 경우, 두 달을 목표로 최소 2번은 복습하면서 각 코스를 완벽하게 마스터 하는 것이 빠르게 마치는 것보다 좋은 배움의 결과를 얻을 수 있다고 생각합니다.</p>
<p>먼저 제가 처음 듣는 코스는 8개의 Chapter로 구성이 되어있는 기초 코스로, 기초적인 HTML, CSS와 JavaScript를 공부할 수 있는 코스입니다. 말 그대로 기초적인 것을 주로 배우는 것이기 때문에 초보자분들 꼭 도전하세요!</p>
<p>HTML은 Hyper Text Markup Language로 웹페이지에 원하는 내용을 작성할 수 있는 언어를 말합니다. 웹페이지의 주제 밎 내용과 구조를 만드는 것이 HTML이고, 웹 페이지의 스타일을 디자인하는 언어는 CSS입니다. JavaScript는 이 웹페이지가 사용자와 커뮤니케이션할 수 있도록 동적인 웹페이지를 가능하게 하는 프로그래밍 언어죠.</p>
<p><strong>이 언어에 대한 기초적인 코스로 코드카데미에서 어떤 코스를 가지고 있는지 좀 더 자세히 살펴볼까요?</strong><br />
<article class="list3">
<ol>
<li><b>Build a Webpage </b><br />
		ㆍHTML Fundamentals – 21 Exercises<br />
		ㆍProject: Build Your First Webpage -5 Exercises</li>
<li><b>More HTML and basic styling</b><br />
			ㆍMore with HTML -25 Exercises<br />
			ㆍProject: Make a Recipe Card -12 Exercises</li>
<li> <b>Style webpages with CSS</b><br />
		ㆍCSS: Coding with Style -38 Exercises<br />
		ㆍProject: First Website Using HTML and CSS -14 Exercises</li>
<li> <b>Advanced CSS selectors</b><br />
		ㆍAdvanced CSS Selectors -23 Exercises<br />
		ㆍProject: Put It All Together: Build a Resume -16 Exercises</li>
<li><b>Introduction to CSS positioning</b><br />
		ㆍIntro to CSS Positioning -20 Exercises<br />
		ㆍProject: Create a Personal Webpage -9 Exercises</li>
<li> <b>Advanced CSS positioning</b><br />
		ㆍAdvanced CSS Positioning -18 Exercises<br />
		ㆍProject: Pizza Time! -10 Exercises</li>
<li><b>JavaScript on the web</b><br />
			ㆍHTML + JavaScript + CSS -25 Exercises<br />
			ㆍProject: A Simple Counter -15 Exercises</li>
</ol>
<p></article><div class="wp-caption alignleft" style="width: 1079px"><img class="alignleft size-full wp-image-9462" title="codecamemy3" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/codecamemy3.png?0b529f" alt="" width="1064" height="692" /><p class="wp-caption-text"> </p></div></p>
<p>하나의 Chapter 안에는 이론과 프로젝트로 이루어져 있고 그 안에는 다양한 연습문제(Exercise)로 구성 되어있습니다. 하나의 Chapter에 10~30개의 연습 문제가 있고, 한 Chapter를 마치는데 걸리는 시간의 코스의 난이도에 따라 다릅니다.</p>
<p>저 같은 경우는 보통 한 Chapter당 2시간 정도 걸렸습니다. 처음 HTML은 조금 쉬운 과정이었기 때문에 무난히 예제 문제를 통과했습니다. 그러나 저는 CSS 코스 중 하나인 네 번째 코스 &#8216;Advanced CSS selectors&#8217;가 가장 어려웠고, 시간이 오래 걸렸습니다.</p>
<div class="wp-caption alignleft" style="width: 1079px"><img class="alignleft size-full wp-image-9463" title="codecamemy4" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/codecamemy4.png?0b529f" alt="" width="1064" height="942" /><p class="wp-caption-text"> </p></div>
<p>위의 그림은 가장 기초 코스인 Web Fundamentals 중에서도 첫 Chapter HTML Fundamentals의 연습 페이지로 HTML을 배우는 코스입니다.</p>
<p>페이지의 왼쪽은 가이드라인으로 여러분들이 쭉쭉 읽어 내려가서, 오른쪽 박스에 왼쪽의 가이드라인을 따라 배운 코드를 작성하면 되는 것입니다. 이런 식으로 모든 페이지가 구성 되어있습니다.</p>
<p>오른쪽 박스에 코드를 직접 작성하고 나면 이에 대한 결과는 &#8216;Run&#8217; 버튼이나 박스 상단의 &#8216;Result&#8217; 탭을 클릭해서 바로 확인할 수 있고요. 여러분이 작성하신 페이지가 맞다면 다음 연습문제(Next Exercise)로 넘어가게 됩니다.</p>
<p>어려울 때는 &#8216;Hint&#8217;를 클릭하면 되고요. 그렇지만 Hint를 읽고도 모르는 경우도 있겠죠? 그럴 때는 Q&amp;A Help를 클릭하고, Visit the forum을 클릭해서 페이지를 열면 비슷한 문제로 예제를 통과하지 못한 사람들이 올린 질문의 답을 찾을 수 있습니다.</p>
<div class="wp-caption alignleft" style="width: 1079px"><img class="alignleft size-full wp-image-9464" title="codecamemy5" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/codecamemy5.png?0b529f" alt="" width="1064" height="861" /><p class="wp-caption-text"> </p></div>
<p><img class="alignleft imgorg" src="http://www.webactually.co.kr/wp-content/uploads/2012/07/YouCanDoIt-246x300.jpg?0b529f" alt="" /></p>
<p>저는 이렇게 Web Fundamentals의 8개 Chapter를 매일매일 마쳤고 드디어&#8230; 이렇게 12개의 배지를 받았습니다! 한 과정을 통과할 때마다 얼마나 뿌듯하던지!</p>
<p>여러분도 저와 함께 좋은 배움의 길을 걸으시고, 여러분의 능력으로 여러분만의 웹페이지를 만들어 보세요!</p>
<p><strong>화이팅!!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/9357/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>《워드프레스 제대로 파기》를 펴내며&#8230;</title>
		<link>http://www.webactually.co.kr/archives/6670</link>
		<comments>http://www.webactually.co.kr/archives/6670#comments</comments>
		<pubDate>Wed, 11 Jan 2012 19:00:39 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Chris Coyier]]></category>
		<category><![CDATA[Jeff Starr]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[북스액츄얼리]]></category>
		<category><![CDATA[브랜드페이지]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[워드프레스 제대로 파기]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[제프스타]]></category>
		<category><![CDATA[크리스코이어]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=6670</guid>
		<description><![CDATA[《워드프레스 제대로 파기》는 국내에 워드프레스와 관련된 볼 만한 매뉴얼이나 활용서 하나 없어서 고민했던 사람들을 위한 책이다. 이 책이 좀 더 제대로 워드프레스 지식을 쌓고 활용하고 싶은 목마름을 달래줄 단비가 되어 줄 것이라고 생각한다.]]></description>
			<content:encoded><![CDATA[<div id="attachment_7866" class="wp-caption alignleft" style="width: 610px"><a href="http://www.webactually.co.kr/wp-content/uploads/2012/01/wordpress_book.jpg?0b529f"> <img src="http://www.webactually.co.kr/wp-content/uploads/2012/01/wordpress_book.jpg?0b529f"></a><p class="wp-caption-text">  </p></div>
<p>《워드프레스 제대로 파기(원제 DIGGING INTO WORDPRESS)》를 국내 독자에게 소개하기까지 정말 우여곡절이 많았다. 해외에서조차 원서가 정식으로 발간되기 전이었고 PDF 버전으로만 나온 터라 국내에서 정식 도서로 출판하는 것은 저자나 우리에게나 적지 않은 부담이었다. 하지만 전세계적으로 인정받는 좋은 정보를 국내 독자에게 소개하고 싶은 마음이 앞서 과감히 작업을 진행했고, 1년 여 준비한 책이 드디어 빛을 보게되었다.</p>
<p>《워드프레스 제대로 파기》는 국내에 워드프레스와 관련된 볼 만한 매뉴얼이나 활용서 하나 없어서 그 동안 웹액츄얼리에 수없이 문의 메일을 보내고 워드프레스에 궁금증을 가졌던 사람들을 위한 책이다. ‘워드프레스’라는 말에 이끌려 이 책을 들고 있는 독자라면 이미 워드프레스의 장점과 무한한 가능성에 매료되어 있을 것이다. 그리고 이 책이 좀 더 제대로 지식을 쌓고 활용하고 싶은 목마름을 달래줄 단비가 되어 줄 것이라고 생각한다.</p>
<p>전세계적으로 워드프레스를 활용한 블로그나 웹사이트가 해마다 가파른 속도로 늘고 있다. 한 설문조사에 따르면 현재 웹사이트의 약 20%가 워드프레스를 CMS로 사용하고 있다고 한다. 워드프레스의 짧은 역사를 감안하면 가히 폭발적인 추세다.</p>
<p>워드프레스를 이용한 대형 유명 글로벌 사이트도 무수히 많다. 뉴욕타임즈, CNN 방송, 텔레그래프 통신사, &lt;PEOPLE&gt;지, 플레이스테이션 게임사이트 등을 방문하면 그 차별성을 직접 확인해볼 수 있다.</p>
<p>최근 몇 년 사이 국내에서도 많은 기업이나 개인이 워드프레스를 기반으로 한 웹사이트 제작에 관심을 가지고 활용하는 사례가 늘고 있다는 반가운 소식이 전해지고 있다. 워드프레스의 장점인 웹사이트 제작의 확장성과 뛰어난 콘텐츠 유지 관리 능력에 주목하기 시작해 삼성과 LG, CJ를 포함한 대기업들도 워드프레스를 이용한 웹사이트로 속속 대체하고 있다.</p>
<p>왜 워드프레스인가? 그 이유야 셀 수 없이 많지만 몇가지로 요약하자면, 워드프레스는 웹사이트의 콘텐츠를 쉽게 만들고 관리할 수 있다. 워드프레스를 대체할 훌륭한 툴은 찾아보면 얼마든지 있다고 반문하는 사람도 있을 것이다. 그에 대한 대답은 간단하다. 워드프레스에는 끝없는 가능성과 잠재력이 있다! 무엇을, 어떤식으로 상상하든 워드프레스는 그것을 스마트하고 올바르게 작업할 수 있도록 안내할 것이다.</p>
<p>《워드프레스 제대로 파기》는 워드프레스의 메뉴나 기능, 또는 코드 설명을 장황하게 늘어놓은 기술 요약서가 아니다. 물고기를 잡아주는 것이 아니라 물고기잡는 법을 알려주는 것! 이것이 이 책의 궁극적인 목표다.</p>
<p>세계를 통틀어 이 책의 저자인 제프 스타(<a href="https://twitter.com/#!/perishable">Jeff Starr</a>)와 크리스 코이어(<a href="https://twitter.com/#!/chriscoyier">Chris Coyier</a>) 만큼 워드프레스를 뼛속 깊이 이해하고 제대로 활용할 수 있는 팁과 노하우를 알려주는 개발자는 흔치 않다. 그것도 유쾌하고 명쾌한 방법으로 말이다.</p>
<p>저자들은 그 동안 수많은 워드프레스를 구축하면서 쌓아온 노하우를 이용해 워드프레스 기반 사이트를 운영하면서 마주칠 수 있는 코드를 다루는 변주 기법을 알려준다. 사용자를 매료시킬 수 있는 아름다운 웹사이트를 연주하는 것은 이제 이 변주 기법을 익히는 독자의 손끝에 달려 있다. 이 책에 나온 풍부한 예제와 저자들의 말을 기억하면서 끊임없이 연습해 보자. 책을 읽는 독자에게는 워드프레스 제작 스킬을 제공하고 사용자에게는 더 나은 사용성을 경험하게 해줄 것이다.</p>
<p>마지막으로 두 저자가 운영하는 블로그(<a href="http://digwp.com ">digwp.com)</a>를 방문하면 지금도 끊임없이 업데이트되고 진화되고 있는 워드프레스에 관한 최신 정보를 얻을 수 있다. 워드프레스 관련 핵심 정보를 소개한 웹액츄얼리(<a href="http://www.webactually.co.kr">www.webactually.com</a>)의 알찬 정보 또한 놓치지 않기를 바란다.</p>
<p>웹액츄얼리팀</p>
<p><div class="Infobx"><div><strong>아이뉴스24, 안희권 기자 [신간소개] 워드프레스 제대로 파기</strong></p>
<p>최근 워드프레스(WordPress)가 새롭게 웹사이트를 구축하려는 웹디자이너들의 주목을 받고 있다. 필자도 본지에서 워드프레스를 차세대 BM으로 다룬 적이 있다. 이때 워드프레스를 참고하기 위해 여기저기 검색해봤지만 이를 잘 정리해놓은 책자는 찾아볼 수 없었다. 해외와 달리 국내에서는 워드프레스가 활성화 되어 있지 않았고, 전문서적이 없었던 탓이다. 웹액츄얼리팀이 출간한 &#8220;워드프레스 제대로 파기&#8221;가 많은 사람들에게 유용할 수밖에 없는 이유가 여기에 있다.</p>
<p><a href="http://news.inews24.com/php/news_view.php?g_serial=629497&#038;g_menu=023120&#038;rrf=nv"><strong>아이뉴스24</strong></a>에서 전체 기사를 확인하실 수 있습니다.</div></div><br/></p>
<div class="wpbn"><img src="/wp-content/themes/webactually_cokr/images/wpbn_cover.png?0b529f" alt="워드프레스 제대로파기" /><strong>워드프레스 <i>제대로파기</i></strong><i>크리스 코이어 CHRIS COYIER 제프 스타 JEFF STARR 저</i><em>국내 최초 워드프레스 활용 가이드 출간!</em>
<div class="btns"><a href="http://books.webactually.com/shop/letsgoshop.php?itemCode=3" title="책 구매하기" class="b1">책 구매하기</a><a href="http://books.webactually.com/digwp/wp-content/themes/digwp/pdf/wordpress_book_preview.pdf" title="책 미리보기" class="b2">책 미리보기</a><a href="http://books.webactually.com/digwp/?page_id=2" title="책 상세설명" class="b3">책 상세설명</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/6670/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>WordPress 3.3 Sonny</title>
		<link>http://www.webactually.co.kr/archives/6545</link>
		<comments>http://www.webactually.co.kr/archives/6545#comments</comments>
		<pubDate>Wed, 28 Dec 2011 01:00:11 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[sonny]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[기능]]></category>
		<category><![CDATA[버전]]></category>
		<category><![CDATA[소니]]></category>
		<category><![CDATA[어드민]]></category>
		<category><![CDATA[업그레이드]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[추가]]></category>
		<category><![CDATA[툴바]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=6545</guid>
		<description><![CDATA[가장 최신, 그리고 최고의 워드프레스 버전 3.3  “소니Sonny”. 3.3 주요 업데이트에서는 사용자 경험, 내비게이션, 업로드 등에 상당한 노력을 기울였다. 어떤 기능이 추가되고 달라졌는지 살펴보자.]]></description>
			<content:encoded><![CDATA[<p><div class="msgbx"><div>가장 최신, 그리고 최고의 워드프레스 버전 3.3  “소니Sonny”.<br />
워드프레스는 3.0버전 공개 이후 벌써 65만 이상의 다운로드를 기록했다.<br />
3.3 주요 업데이트에서는 사용자 경험, 내비게이션, 업로드 등에 상당한 노력을 기울였다.<br />
</div></div><br/></p>
<h3>주요 변경 사항 </h3>
<p><br/></p>
<h4>1. 웰컴 화면</h4>
<p>워드프레스 3.3버전을 설치하면 새롭게 업데이트된 웰컴 화면을 만날 수 있다. 웰컴 화면은 세 개의 탭인 What’s New, Credits, Freedoms 로 구분되어 있다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny01.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>2. Feature pointers</h4>
<p>이제부터 워드프레스에 최신 기능이 추가되면 Feature pointers가 알려준다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny02.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>3. 개선된 도움말 기능</h4>
<p>도움이 필요한 상황이 되면 3번째 칼럼에 있는 영역에 도움말 제목이 노출된다. 이를 클릭하면 자세한 정보를 볼 수 있다. 꼭 클릭해 보자. 생각보다 매우 유용할 것이다. 또한, 3.3버전에서는 새로운 API 로 도움말 화면을 개선시켜 사용자 상황에 맞는 적절한 도움말을 보여준다.<br />
<br/><br/></p>
<h4>4. 드래그 앤 드롭 미디어 업로더 (구 버전 IE제외)</h4>
<p>여러 개의 파일을 쉽게, 한꺼번에 업로드 할 수 있다. <strong>어드민 화면> 미디어> 파일 올리기</strong> 메뉴를 클릭하면 미디어 내비게이션을 볼 수 있다. 업로드할 파일들을 선택하고 ‘Drop files here’ 영역에 마우스로 드래그만 하면 쉽게 업로드 할 수 있다. 물론 이전처럼 ‘파일 선택’ 버튼을 클릭해 여러 파일을 업로드하는 것도 가능하다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny03.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>5. 플라이아웃(Flyout) 대시보드 메뉴</h4>
<p>클릭 한 번에 원하는 화면으로 갈 수 있는 플라이아웃 메뉴를 제공한다. 이전 버전에서는 원하는 화면에 도달하려면 두 번의 클릭이 필요했다. 3.3버전에서는 플라이아웃으로 인해 클릭 한 번이면 해결된다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny04.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>6. 새로운 툴바 등장</h4>
<p>어드민 바와 어드민 헤더 기능을 결합시킨 새로운 툴바가 등장했다. 이 툴바는 워드프레스 어드민의 프런트 엔드와 백 엔드 화면에서 항상 볼 수 있다. 좀더 진하고 날렵한 디자인의 새로운 툴바는 워드프레스 렉시콘을 좌측에 보여준다. <br/><br />
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny05.png?0b529f"> <img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny05.png?0b529f"></a><p class="wp-caption-text">상단 이미지: 3.3버전의 새로운 툴바 / 하단 이미지: 3.2버전의 툴바</p></div><br />
<br/><br/></p>
<h4>7. 아이패드를 비롯한 태블릿을 지원하는 반응형 웹디자인 화면</h4>
<p>워드프레스 대시보드는 완벽한 반응형 디자인을 지원하진 않지만, 아이패드와 다양한 태블릿 사이즈 화면에 최척화되어 있다. <br/><br />
<br/></p>
<h4>8. 개선된 동시 수정 기능 </h4>
<p>포스트 한 개에 여러 사용자가 동시에 수정하고 있을 때, 경고 메시지가 뜨며 수정이 멈출 때까지 포스트 내용을 수정할 수 없는 잠금 기능이 제공된다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny06.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>9. 향상된 고유주소</h4>
<p>포스트 이름으로 된 고유주소를 쉽고 간단하게 선택하거나 직접 작성할 수 있다. 날짜, 이름, 숫자를 사용한 간단한 고유주소를 추천해줄 뿐만 아니라 사용자가 직접 입력할 수도 있게 해준다. 이젠 성능에 대한 패널티없이 고유주소를 사용할 수 있게 되었다.<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny07.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>10. 빠른 편집 메뉴에 포스트 형식 추가</h4>
<p>이전 버전에서는 포스트 형식을 빠른 편집 메뉴에서 수정할 수 없었다. 새로운 버전에서는 포스트 형식을 수정할 수 있게 되어 포스트 수정이 전보다 빨라졌다<br/><br />
<img src="http://www.webactually.co.kr/wp-content/uploads/2011/12/sonny08.png?0b529f" alt=""><br />
<br/><br/></p>
<h4>11. 그 외 추가된 기능들</h4>
<article class="list2"></p>
<ul>
<li>Tumblr (텀블러) 가져오기 </li>
<li>에디터API 성능 향상 (wp_editor)</li>
<li>jQuery 1.7.1 과 jQuery UI 1.8.16</li>
<li>더 똑똑해진 위젯 : 테마를 전환할 때 위젯 손실 방지</li>
<li>is_main_query() 함수와 WP_Query 메서드 기능 추가</li>
<li>포스트 슬러그에서 몇 가지 이상한 문자 제거</li>
<li>향상된 메타 데이터 API</li>
<li>그 외 성능 향상 및 수 백 개의 버그 수정 </li>
<li>워드프레스 3.3 을 위한 주목할만한 플러그인 공개</li>
</ul>
<p></article>
<p><div class="Infobx"><div><strong>더 자세한 정보는 워드프레스 Codex 참고</strong><br />
<a href="http://codex.wordpress.org/Version_3.3">http://codex.wordpress.org/Version_3.3</a></div></div><br/></p>
<div class="wpbn"><img src="/wp-content/themes/webactually_cokr/images/wpbn_cover.png?0b529f" alt="워드프레스 제대로파기" /><strong>워드프레스 <i>제대로파기</i></strong><i>크리스 코이어 CHRIS COYIER 제프 스타 JEFF STARR 저</i><em>국내 최초 워드프레스 활용 가이드 출간!</em>
<div class="btns"><a href="http://books.webactually.com/shop/letsgoshop.php?itemCode=3" title="책 구매하기" class="b1">책 구매하기</a><a href="http://books.webactually.com/digwp/wp-content/themes/digwp/pdf/wordpress_book_preview.pdf" title="책 미리보기" class="b2">책 미리보기</a><a href="http://books.webactually.com/digwp/?page_id=2" title="책 상세설명" class="b3">책 상세설명</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/6545/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>모바일 웹에 카카오톡 링크 적용하기!</title>
		<link>http://www.webactually.co.kr/archives/5835</link>
		<comments>http://www.webactually.co.kr/archives/5835#comments</comments>
		<pubDate>Sat, 15 Oct 2011 04:30:44 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[모바일웹]]></category>
		<category><![CDATA[웹디자인 트렌드]]></category>
		<category><![CDATA[카카오톡]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=5835</guid>
		<description><![CDATA[너무나도 간단한 모바일 웹에 카카오톡 링크 적용하기! 이제 카카오톡으로 콘텐츠 공유를 해봅시다~]]></description>
			<content:encoded><![CDATA[<p><div class="Infobx"><div>대부분의 스마트폰 유저가 사용하고 있는 카카오톡!<br />
요즘은 &#8220;문자해&#8221; 보다 &#8220;카톡해&#8221;가 더 많이 쓰이고 있죠~<br />
저희는 좋은 콘텐츠를 어떻게 다양하게 공유하게 할 수 있을지 늘 고민한답니다~<br />
그러던 중, 카카오톡에서 모바일 웹에서도 바로 카카오톡으로 콘텐츠를 공유할 수 있도록 지원하고 있다는 것을 발견 후 바로 적용 해 보았습니다.<br />
참조 : <a title="" href="http://www.kakao.com/link/api?tab=mobileweb">http://www.kakao.com/link/api?tab=mobileweb</a><br />
</div></div><br />
<br/></p>
<h3>적용방법.</h3>
<p><br/></p>
<h4>1. 카카오톡에서 지원하고 있는 script 파일 다운로드!</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/kakao_011.jpg?0b529f" alt="" /></p>
<h4>2. FTP를 사용하여 업로드 후, 인클루드!</h4>
<p><div id="attachment_5841" class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/kakao_021.jpg?0b529f" alt=""><p class="wp-caption-text">주의사항 : 반드시 Javascript Library인 jQuery가 필요합니다.</p></div><br />
<br/><br/></p>
<h4>3. 버튼에 액션 추가하기!</h4>
<p><strong>소스 적용 예 :</strong><br />
<article class="list3"></p>
<ol>
<li>Script</li>
<pre name="code" class="js">
<script type="text/javascript">// <![CDATA[
$(function() { var msg = "글제목 or 보낼 메세지 내용"; var url = "웹사이트 주소"; 
var appid = "webactually"; // 아무거나 uniq한 것으로 적어주세요. 
var appver = "2.0"; // 아무 버전이나 적어주세요. 
var appname = "웹액츄얼리코리아"; // 아무거나 적어주세요. 
var link = new com.kakao.talk.KakaoLink(msg, url, 
appid, appver, appname); 
$("#kakao").click(function() 
{// button click event link.execute(); }); });
// ]]&gt;</script>
</pre>
<li>HTML</li>
<pre name="code" class="html"><a id="kakao" title="" href="javascript:;">[talk]</a></pre>
</ol>
<p></article></p>
<p>이렇게만 하면 모바일 웹에서 카카오톡으로 콘텐츠 내용 및 주소 전달이 바로 가능하도록 된답니다.</p>
<p><div class="Infobx"><div>참고 소스파일 : <a href="http://www.webactually.co.kr/kakao/kakao.zip?0b529f">http://www.webactually.co.kr/kakao/kakao.zip</a>참고 데모 : <a href="http://www.webactually.co.kr/kakao/kakao.html">http://www.webactually.co.kr/kakao/kakao.html</a></p>
<p><strong>* 모바일에서 확인하세요!</strong><br />
</div></div><br />
<br/><br/></p>
<h3>실행 예제.</h3>
<p><br/></p>
<h4>1. 공유하고자 하는 곳에서 &#8220;카카오톡&#8221; 버튼 클릭.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao013.jpg?0b529f" alt="" class="imgorg alighleft"><br />
<br/></p>
<h4>2. 대화상대 선택.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao021.jpg?0b529f" alt="" class="imgorg alighleft"><br />
<br/></p>
<h4>3. 전송완료.</h4>
<p><img src="http://www.webactually.co.kr/wp-content/uploads/2011/10/mobile_kakao031.jpg?0b529f" alt=""  class="imgorg alighleft"></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/5835/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>[AEA part2] An Event Apart 컨퍼런스 스케치</title>
		<link>http://www.webactually.co.kr/archives/4892</link>
		<comments>http://www.webactually.co.kr/archives/4892#comments</comments>
		<pubDate>Sat, 02 Jul 2011 10:59:17 +0000</pubDate>
		<dc:creator>kimee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[a book apart]]></category>
		<category><![CDATA[aea]]></category>
		<category><![CDATA[an event apart]]></category>
		<category><![CDATA[atlanta]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Jeffrey Zeldman]]></category>
		<category><![CDATA[Jeremy Keith]]></category>
		<category><![CDATA[Responsive Web]]></category>
		<category><![CDATA[Responsive web design]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[반응형 웹디자인]]></category>
		<category><![CDATA[반응형웹]]></category>
		<category><![CDATA[웹디자인 트렌드]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[제레미키스]]></category>
		<category><![CDATA[제프리 젤드먼]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4892</guid>
		<description><![CDATA[AEA 컨퍼런스를 향해 아틀랜타로 출발! 제프리 젤드먼과 제레미 키스를 직접 만날 생각을 하니 벌써부터 가슴이 두근두근... AEA 강연 내용과 만난 사람들 스케치]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 610px"><a title="AEA Confrence EVE by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5826749101/"><img src="http://farm3.static.flickr.com/2118/5826749101_63bbcd0797_z.jpg" alt="AEA Confrence EVE" width="600" /></a><p class="wp-caption-text">AEA 컨퍼런스가 시작되기 전날 밤. 준비중인 로비 모습</p></div>
<p><a href="http://aneventapart.com"> AEA(An Event Apart)</a> 컨퍼런스에 참석하기 위해 18시간의 비행 끝에 도착한 아틀랜타 인터콘티넨탈 벅헤드. 작년 <a href="http://futureofwebdesign.com">FOWD(Future Of Web Deisgn)</a> 컨퍼런스에 이어 올해 두번 째 웹디자인 컨퍼런스 참가다.</p>
<p>AEA(An Event Apart)는 CSS의 선구자인 에릭 마이어(Eric Meyer, <a href="http://twitter.com/#!/meyerweb">@meyerweb</a>)와 제프리 젤드먼(Jeffrey Zeldman, <a href="http://twitter.com/#!/ZELDMAN">@zeldman</a>)이 공동 호스트로 미국 주요 도시에서 매년 개최한다. 2일 간의 컨퍼런스와 1일의 워크샵 일정으로 이루어져 있다. 하루 6개의 세션으로 이루어져 있는 컨퍼런스에서는 각 분야 스타 웹전문가들이 웹에 대한 견해와 노하우를 발표한다.</p>
<p>&#8216;웹을 만드는 사람들을 위한(For People Who Make Websites)&#8217;이라는 캐치프레이즈처럼 AEA는 웹표준에 기반한 코딩, 웹디자인, 유저빌리티, 콘텐츠등의 전반적인 내용을 다룬다. </p>
<p>올해 웹액츄얼리는 <a href="http://www.abookapart.com">A Book Apart</a>에서 출간하는 제레미 키스(Jeremy Keith, <a href="http://twitter.com/#!/adactio">@adactio</a>)의 <a href="http://books.webactually.com/html5">&lt;웹디자이너를 위한 HTML5&gt;</a>의 판권 계약을 시작으로 제레미 키스와 제프리 젤드먼과의 인연을 시작했다.</p>
<p>이번 AEA 컨퍼런스에서 이 두 거장을 직접 만나 한국에 출간된 책에 관한 에피소드와 웹에 관한 이야기를 나눌 생각을 하니 가슴이 설레이고 뿌듯해져 온다.<br />
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5829685402/" title="an event apart atlanta by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3378/5829685402_47a6fdbf9d_z.jpg" alt="an event apart atlanta" width="600" height="1024"></a><p class="wp-caption-text">컨퍼런스 첫째 날. 시작 전의 컨퍼런스홀의 모습</p></div></p>
<p>첫째 날 일찍 도착한 컨퍼런스홀. 잘 정돈된 자리와 빵빵한 Wi-Fi. (국내에서는 어디가나 잘 터지는 Wi-Fi 이지만, 해외에 나가면 이런 것에 감동 받는다.) 아직까지 컨퍼런스홀이 한산한 이유는 로비에서 조식을 제공하기 때문 ^^. 그럼 멋진 하루의 시작을 위해 나도 조식을 먹으러 잠시 실례~ </p>
<div class="wp-caption alignnone" style="width: 610px"> <a href="http://www.flickr.com/photos/zeldman/5828575090/" title="Attendee J Brother Love at omelet station by Jeffrey, on Flickr"><img src="http://farm6.static.flickr.com/5196/5828575090_81a33eb946_z.jpg" width="640" height="478" alt="Attendee J Brother Love at omelet station"></a><p class="wp-caption-text">첫째날 조식 photo from zeldman</p></div>
<h4>&nbsp; </h4>
<h1>DAY 1.</h1>
<p></br></p>
<h3>웹디자이너가 반드시 알아야 할 점(What Every Web Designer Should Know) &#8211; by 제프리 젤드먼</h3>
<div class="wp-caption alignnone" style="width: 610px"><a title="Jeffrey Zeldman by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5833995572/"><img src="http://farm3.static.flickr.com/2647/5833995572_692952690a_z.jpg" alt="Jeffrey Zeldman" width="640" height="480" /></a><p class="wp-caption-text">제프리 젤드먼의 기조 연설</p></div>
<p>제프리 젤드먼의 기조 연설로 시작된 AEA 컨퍼런스. 젤드먼은 2일간 컨퍼런스에서 다룰 주제에 관한 자신의 견해와, 오늘 날 웹디자이너들이 갖추어야 할 스킬과 기회에 대해 연설했다. 주옥과 같은 말들이 제프리의 연설에서 쏟아져 나왔다. </p>
<p>반응형 웹디자인(Responsive Web Design)을 강조하며, 디바이스에 맞는 웹디자인 및 그에 맞는 콘텐츠의 중요성도 언급했다. </p>
<blockquote><p>Devoid from content you fall back on style. <br /> 스타일에 의존하는 콘텐츠를 피하라.</p></blockquote>
<blockquote><p>Websites are simply delivery systems for content. <br /> 웹사이트는 단지 콘텐츠를 전달하기 위한 배달부이다.</p></blockquote>
<p>또 지금은 HTML5의 대두로 인해 새로운 기술들이 하나로 집중되고 있는 시점임을 설명하고, 웹디자이너가 되기에 가장 좋은 시기임을 강조했다. 새로운 기술들을 배우지 않으면 뒤쳐질 수 밖에 없다고 당부하였다. </p>
<h4>&nbsp; </h4>
<h3>심리학이 디자인에 미치는 영향(The Impact of Psychology on Design &#8211; by 사라 파멘터</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5829749416/" title="Sarah Parmenter by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3447/5829749416_805fa85281_b.jpg" width="768" height="1024" alt="Sarah Parmenter"></a><p class="wp-caption-text">사라 파멘터(Sarah Parmenter)</p></div>
<p>사라(<a href="http://twitter.com/#!/sazzy">@sazzy</a>)는 심리학적 원리가 웹디자인에 대한 관점을 어떻게 재구성시켜 줄 수 있는지에 발표했다. 속도, 단순함, 놀람, 사회적행동, 감동이라는 5가지 심리학적 관점으로 살펴본 사례를 설명하고, 심리학적 요소를 웹에 추가 해 볼 것을 제안했다.  &#8216;우리가 가장 잘 알고 있다고 생각하는 것에 대해 전혀 새로운 아이디어를 제공할 것이다.&#8217; 라고 제안했다. </p>
<h4>&nbsp; </h4>
<h3>웹타이포그라피(On Web Typography) &#8211; by 제이슨 산타 마리아</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5829201421/" title="Jason Santa Maria by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3454/5829201421_258f073bff_b.jpg" width="600"  alt="Jason Santa Maria"></a><p class="wp-caption-text">제이슨 산타 마리아(Jason Santa Maria)</p></div>
<p>제이슨(<a href="http://twitter.com/#!/jasonsantamaria">@jasonsantamaria</a>)은 현재의 웹폰트와 타이포그라피의 웹 접근방법에 대해 논했다. 2008년 18개에 불과했던 웹폰트가 오늘날 그 수가 폭발적으로 늘어나고 있다. 이러한 웹폰트의 홍수 속에서, 웹에서 효과적으로 타이포를 사용할 수 있는 모범적 사례들을 설명했다. </p>
<blockquote><p>Bigger is better. Always err on side of making things bigger than smaller.<br /> 큰 것이 낫다. 실수를 해도 작게 만드는 것 보다 크게 만들어서 실수하라.
</p></blockquote>
<blockquote><p>Contrast is the most important tenant of design. <br />대조는 디자인에서 가장 중요한 요소이다.  </p></blockquote>
<blockquote><p>Line length: have enough space so the eye does not get lost.<br /> 라인의 길이: 충분한 공간을 두어서 시선을 잃지 않게 하라.</p></blockquote>
<h4>&nbsp; </h4>
<h3>모바일 웹디자인의 움직임(Mobile Web Design Moves) &#8211; by 루크 로블루스키</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/ifiamblue/5829963322/" title="Luke Wroblewski by ifiamblue, on Flickr"><img src="http://farm4.static.flickr.com/3371/5829963322_c5f6a301c6_b.jpg" width="600" alt="Luke Wroblewski"></a><p class="wp-caption-text">루크 로블루스키(Luke Wroblewski) photo from ifiamblue</p></div>
<p>루크(<a href="http://twitter.com/#!/@lukew">@lukew</a>)는 스마트폰 사용자의 증가와 함께 모바일에서 웹콘텐츠를 읽는 사용자의 시간별 이용 패턴을 통계로 설명했다. MOBILE FIRST! 모바일을 먼저 고려하여 웹을 설계하고 콘텐츠도 모바일에 맞게 설계해야 한다고 강조했다. 모바일웹에서 흔히 저지르는 UI 실수와 스마트하게 해결할 수 있는 솔루션을 다양한 사례와 함께 설명했다. </p>
<h4>&nbsp; </h4>
<h3>반응형 웹디자이너의 작업흐름(The Responsive Designer’s Workflow) &#8211; by 이단 마콧</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/ifiamblue/5830209578/" title="Ethan Marcotte by ifiamblue, on Flickr"><img src="http://farm4.static.flickr.com/3652/5830209578_e098a53d76_b.jpg" width="678" height="1024" alt="Ethan Marcotte"></a><p class="wp-caption-text"> 이단 마콧(Ethan Marcotte) photo from ifiamblue</p></div>
<p>이단(<a href="http://twitter.com/#!/beep">@beep</a>)은 현재 진행중인 보스턴 글로브Boston Globe 신문사 리뉴얼 프로젝트에서 적용하고 있는 반응형 웹 디자인(Responsive web design)의 작업원리와 작업흐름을 설명했다. 반응형 웹디자인의 근본에는 반응형 작업 프로세스가 선행되어야 한다고 말하고, 기존 인쇄 프로세스를 답습했던 현재의 웹디자인 프로세스도 변화해야 한다고 강조했다.</p>
<h4>&nbsp; </h4>
<h3>연기 때문에 눈물이나요(Smoke Gets In Your Eyes) &#8211; by 앤디 클락</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5831563187/" title="Andy Clarke by webactually, on Flickr"><img src="http://farm6.static.flickr.com/5065/5831563187_cf773e9049_b.jpg" width="600"  alt="Andy Clarke"></a><p class="wp-caption-text">앤디 클락(Andy Clarke)</p></div>
<p>앤디(<a href="http://twitter.com/#!/malarkey">@malarkey</a>)는 순수 CSS3만을 사용해서 만든 에니메이션을 보여주고, 작업 방법에 대한 노하우를 공개했다. <a href="http://animatable.com">animatable.com</a> 이라는 온라인 CSS3 에니메이션툴을 이용해 만든 무비 타이틀 제작법을 동영상으로 만나보자. </p>
<p><iframe src="http://player.vimeo.com/video/22174448?title=0&amp;byline=0&amp;portrait=0" width="600" height="379" frameborder="0"></iframe>
<p><a href="http://vimeo.com/22174448">A first look at Animatable</a> from <a href="http://vimeo.com/malarkey">Andy Clarke</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h4>&nbsp; </h4>
<h3>Break Time</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5845550703/" title="Lots of Apples by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3554/5845550703_87d1c3b01d_b.jpg" width="768" height="1024" alt="Lots of Apples"></a><p class="wp-caption-text">쉬는 시간 - 애플 로고들...</p></div>
<p>쉬는 시간 잠시 뒤를 돌아보니&#8230; 애플 로고들이 눈에 많이 들어온다. 군데 군데 아이패드, 아이폰&#8230; 한 80%는 애플인듯.  </p>
<h4>&nbsp; </h4>
<h1>DAY 2. </h1>
<p></br></p>
<h3>유동형 박스 사용하기(Using Flexible Boxes) &#8211; by 에릭 마이어스</span></h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5833996440/" title="Eric Meyer by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3430/5833996440_18dc86c318_b.jpg" width="600"  alt="Eric Meyer"></a><p class="wp-caption-text">에릭 마이어스(Eric Meyer)</p></div>
<p>공동 주최자인 에릭 마이어스(<a href="http://twitter.com/#!/meyerweb">@meyerweb</a>)는  CSS의 대가이다. <a href="http://aneventapart.com">An Event Apart</a> 사이트에 적용된 유동형 박스의 다양한 사례들을 공개했다. (이런 천재들 같으니라고&#8230; 간결하고 함축적인 그의 코드를 감상(?) 하고 있자니.. 이건 코드가 아니라 한편의 시와 같다고 해야할 것 같다.) </p>
<h4>&nbsp; </h4>
<h3>디자인 원칙(Design Principles) &#8211; by 제레미 키스</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5833997012/" title="Jeremy Keith by webactually, on Flickr"><img src="http://farm3.static.flickr.com/2562/5833997012_cb6ac09310_b.jpg" width="600" alt="Jeremy Keith"></a><p class="wp-caption-text">나의 카메라 렌즈를 발견하고 멋진 포즈를 취해 준 제레미 키스</p></div>
<p>웹, HTML5, 자바스크립트의 디자인 기본 원칙에 대해 설명하고, 각각에 맞는 목적을 설정하고 그에 맞는 기본 원칙을 만들고, 패턴을 만들어 나가야 한다고 주장했다. 때로는 너무 많은 디자인 원칙들이 사용자를 혼란스럽게 한다. 목적에 맞는 최소한의 원칙을 만드는 것이 중요하다고 설명했다. </p>
<h4>&nbsp; </h4>
<h3>아이디어에서 인터페이스까지 (Idea to Interface) &#8211; by 아론 월터</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5833982340/" title="Aarron Walter by webactually, on Flickr"><img src="http://farm3.static.flickr.com/2577/5833982340_4824757d3c_b.jpg" width="600" alt="Aarron Walter"></a><p class="wp-caption-text">아론 월터(Aarron Walter)</p></div>
<p>메일침프의 UX 디자인 디렉터 아론(<a href="https://twitter.com/#!/aarron">@arron</a>)은 자신만의 프로젝트를 실행해 볼 것을 제안한다. 아르키메데스의 그 유명한 유레카(알았다)는 그가 일을 할 때 발견한 것이 아니다. 가장 릴렉스한 시간에 아이디어가 나왔다. 트위터, 페이스북 등의 아이디어는 일을 할때 나온 아니디어가 아니다. 나만의 프로젝트를 할 때 언제나 최고/최선의 방법을 제시할 필요가 없다. 아이디어를 내고 개발. 발전시켜나가는 과정에서 많은 것을 배울 수 있다고 한다. 아론은 아이디어를 내고 만들어가는 크리에이티브 프로세스를 위한 다양한 팁을 제시했다.</p>
<h4>&nbsp; </h4>
<h3>링크의 일생(The Secret Lives of Links) &#8211; by 자리드 스풀</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5833984278/" title="Jared Spool by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3420/5833984278_468fbdf8b5_b.jpg" width="600" alt="Jared Spool"></a><p class="wp-caption-text">Jared Spool(자리드 스풀)</p></div>
<p>강연 전에 옆자리 친구가 스타 강사라고 먼저 귀뜸을 해주었다. 소문대로 재미있는 외모만큼이나 가장 재미 있었던 강연이었다. </p>
<p>자리드(<a href="http://twitter.com/#!/jmspool">@jmspool</a>)는 웹사이트에서 링크가 가지는 중요성을 다시 설명하고 모든 사이트에는 사람들이 방문하는 목적이 있는데, 그 목적을 정확히 파악하고 링크를 제시하는 것이 중요하다고 말했다. 이어서 링크가 가져야 할 조건과 기능을 잘못된 사례를 들어 설명했다. 연설 마지막에는 갑자기 자기도 오프라가 되고 싶다며 새로 출간될 책의 PDF를 컨퍼런스에 참석한 모든 사람에게 나눠주어 사람들에게 환호를 받았다. </p>
<h4>&nbsp; </h4>
<h3>콘텐츠 전략 로드맵(A Content Strategy Roadmap) &#8211; by 크리스티나 할보슨</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/pete-karl/5838007898/" title="Kristina Halvorson (@halvorson) fitting content strategy into our brains by Pete Karl II, on Flickr"><img src="http://farm4.static.flickr.com/3363/5838007898_37abacb4cc_z.jpg" width="600" alt="Kristina Halvorson (@halvorson) fitting content strategy into our brains"></a><p class="wp-caption-text">크리스티나 할보슨(Kristina Halvorson) photo from Pete Karl II</p></div>
<p>크리스티나(<a href="http://twitter.com/#!/halvorson">@halvorson</a>)는 콘텐츠 전략을 세우는 프로세스에 관한 전반적인 과정(컨설팅부터 보고까지)과 사례를 설명했다. 아직 국내에는 웹콘텐츠 전략 전문가가 없어서 크리스티나의 강연이 많은 도움이 됐다. 콘텐츠 전략을 위한 노하우는 질문을 많이 하는 것. 이를 바탕으로 클라이언트 회사가 가지고 있는 진정한 가치를 바탕으로 콘텐츠를 구체화 할 수 있다고 한다.</p>
<h4>&nbsp; </h4>
<h3>실패,DNA,깊이를 알수 없는 웹(Disaster, DNA, and the Fathomless Depth of the Web) &#8211; by 제프 밴</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5834011428/" title="Jeff Veen by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3373/5834011428_e427eede8e_b.jpg" width="600"  alt="Jeff Veen"></a><p class="wp-caption-text">제프리 밴(Jeffrey Veen)</p></div>
<p> 웹폰트 회사 타입킷(Typekit)의 대표 제프리 밴(<a href="http://twitter.com/#!/veen">@veen</a>). 이번 컨퍼런스의 스폰서이다. 타입킷이라는 벤쳐 회사를 설립하기 까지의 수많은 실패의 연속. 그것을 기쁘게 받아들이고 하나 하나 해결해 나갔던 타입킷 맴버들의 모습에서 성공한 벤쳐 회사에서 느낄 수 있는 열정과 도전 정신을 본받을 수 있었다. </p>
<h4>&nbsp; </h4>
<h3>Party</h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5831604781/" title="Opening Night Party by webactually, on Flickr"><img src="http://farm6.static.flickr.com/5307/5831604781_e5cee7b2ab_b.jpg"" width="600"  alt="Opening Night Party"></a><p class="wp-caption-text">  </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5832148718/" title="Opening Night Party by webactually, on Flickr"><img src="http://farm3.static.flickr.com/2569/5832148718_3f0a408045_b.jpg" width="600"  alt="Opening Night Party"></a><p class="wp-caption-text">  </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5874051236/" title="321206408 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3126/5874051236_28f301e82b_b.jpg" width="600" height="803" alt="321206408"></a><p class="wp-caption-text">파티에서 자정이 될때까지 웹의 프로세스에 관해 이야기를 주고 받았던 친구들</p></div>
<p>컨퍼런스가 끝난면  바로 스폰서에서 주최하는 이브닝 파티가 열린다. 이 파티에서는 모든 참석자들과 강연자들과의 자연스러운 대화가 이루어 진다. 컨퍼런스 강연중에 궁금했던 점, 웹 프로세스에 관한 의견, 각자의 노하우나 소스 공유 등 웹에 대한 이야기를 밤새워 이야기 할 수 있는 자리이다. </p>
<h4>&nbsp; </h4>
<h3>with Web Stars</h2>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5829202041/" title="with Jeremy Keith by webactually, on Flickr"><img src="http://farm6.static.flickr.com/5261/5829202041_a6ce34871d_b.jpg" width="600"  alt="with Jeremy Keith"></a><p class="wp-caption-text">도로시, 제레미 키스, 나, 리카르도</p></div>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/adactio/5828658143/" title="Kim and me by adactio, on Flickr"><img src="http://farm6.static.flickr.com/5103/5828658143_0d6945862b_b.jpg" width="600" alt="Kim and me"></a><p class="wp-caption-text">한국에서 준비해온 선물을 전달했더니 기뻐하는 제레미 키스</p></div>
<p>영국에서 AEA 컨퍼런스 강연을 위해 온 제레미 키스. 우리 회사에서 그의 책 &#8220;HTML5 FOR WEBDESIGNER&#8221;를 한국어로 번역했다고 나에 대해 소개했더니 금방 친해졌다. 트위터나 웹에서 만났던 제레미 키스는 약간 차갑고 냉소적인 인상이었는데, 실제로 만나서 대화를 해보니 감성이 풍부하고 모든 사람에게 친절한 그야말로 영국 신사였다.</p>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5829257077/" title="with Jeffrey Zeldman by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3337/5829257077_f1947f0af2_b.jpg" width="600"  alt="with Jeffrey Zeldman"></a><p class="wp-caption-text">장난스러운 포즈를 취해 보이는 제프리 젤드먼</p></div>
<p>제프리 젤드먼은 AEA의 호스트였기 때문에 정말 분주해 보였다. 컨퍼런스의 이모저모를 챙기고 강연 내용을 트위터에 올리고 사진 찍어서 플리커에 올리고 강사들 일일이 챙기고 참석자들의 질문에 꼼꼼히 답변해주고&#8230; 최고의 위치에 오른 사람들에게서 볼 수 있는 특유의 여유와 부지런함이 몸에 자연스럽게 베어있다. 몸으로 뛰는 그의 모습에서 열정을 읽을 수 있었다.<br />
항상 입가에 웃음을 머금고 모든 사람을 유쾌하게 만드는 재주가 있는 제프리 젤드먼. 나를 직접 찾아와서 먼저 인사를 나누고 사진 같이 찍자고 재촉하는 그의 모습에 웃음이 절로 나왔다.</p>
<h4>&nbsp; </h4>
<h3>마치며&#8230; </h3>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/zeldman/5829223913/" title="Kim from Webuactually at AEA by Jeffrey, on Flickr"><img src="http://farm6.static.flickr.com/5194/5829223913_dd56bd445c_b.jpg" width="600" alt="Kim from Webuactually at AEA"></a><p class="wp-caption-text">제프리가 자신의 아이폰으로 직접 찍은 내 모습.</p></div>
<p>웹컨퍼런스에 참석하면 항상 느끼는 점이 있다. 제프리가 기조 연설에서 언급했던 &#8220;웹에서는 새로운 기술들을 배우지 않으면 뒤쳐질 수 밖에 없다&#8221;는 말이다. 이번 컨퍼런스에서도 과제를 가득 안고서 한국으로 돌아가게 된다. 이 과제들을 웹액츄얼리의 브랜드페이지 서비스에 잘 적용시켜 글로벌 스탠다드에 맞는 서비스를 해야겠다는 욕심이 든다. </p>
<h4>&nbsp; </h4>
<h3>추가하여.. </h2>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5897452243/" title="abookapart by webactually, on Flickr"><img src="http://farm6.static.flickr.com/5155/5897452243_2b7f8519e9_z.jpg" width="640" height="478" alt="abookapart"></a><p class="wp-caption-text">a book apart 에서 출간된 책</p></div>
<p>AEA에서 강연한 제레미 키스, 루크 로블루스키, 이단 마콧, 아론 월터의 책을 곧 한국에서도 만나실 수 있습니다. 자세한 내용은<a href="http://books.webactually.com"> <strong>books.webactually.com</strong></a>을 방문해 주세요~</p>
<h4>&nbsp; </h4>
<p>AEA 컨퍼런스의 현장 사진을 더 보고 싶으세요?<br />
<a href="http://www.flickr.com/photos/webactually/sets/72157626948506568"><strong>웹액츄얼리 플리커</strong></a>를 방문해 보세요~ </p>
<h4>&nbsp; </h4>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4892/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>[AEA part1] 숲속의 도시 아틀랜타 스케치</title>
		<link>http://www.webactually.co.kr/archives/4844</link>
		<comments>http://www.webactually.co.kr/archives/4844#comments</comments>
		<pubDate>Sat, 18 Jun 2011 04:36:43 +0000</pubDate>
		<dc:creator>kimee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[aea]]></category>
		<category><![CDATA[an event apaprt]]></category>
		<category><![CDATA[atlanta]]></category>
		<category><![CDATA[Georgia Tech]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[아틀랜타]]></category>
		<category><![CDATA[웹액츄얼리]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4844</guid>
		<description><![CDATA[AN EVENT APART(AEA) 웹디자인 컨퍼런스에 참석하기 위해 모든 업무 일정을 뒤로하고 5월 17일 아틀랜타로 출발~ 아틀랜타는 어떤 도시일까? ]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.webactually.co.kr/wp-content/uploads/2011/06/atlanta_title.jpg?0b529f"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/06/atlanta_title.jpg?0b529f" alt=""/></a><p class="wp-caption-text">Original photo from Yell Ow</p></div>
<p><a href="http://www.aneventapart.com">AN EVENT APART(AEA)</a> 웹디자인 컨퍼런스에 참석하기 위해 모든 업무 일정을 뒤로하고 5월 17일 아틀랜타로 출발~</p>
<p>아틀랜타는 뉴욕이나 로스앤젤레스처럼 한국인에게 잘 알려진 도시는 아니지만 미국에서 9번째로 큰 도시다. 미국 남동부 무역, 교통의 핵심 도시이며, 포츈(Fortune) 500대 기업 본사가 미국에서 3번째로 많다고 한다. 주요 기업으로는 코카콜라, AT&amp;T, CNN, 홈디포(Home Depot), UPS, 델타항공 등이 있고 개인적으로 좋아하는 메일침프(MailChimp; 온라인 메일 서비스 회사)도 있다. 메일침프가 아틀랜타에 있다는 사실을 알았을 때 처음엔 의아해 했었는데&#8230; 도시 정보를 알고 보니 그리 놀랄 일도 아닌 것 같다.   </p>
<p>컨퍼런스가 열리는 인터콘티넨탈 벅헤드(InterContinental Buckhead) 호텔에서 가까운 관광지로는 코카콜라 박물관(World of CocaCola), CNN 센터, 조지아 수족관, 아틀랜타 식물원등이 있다는 정보를 호텔에 비치되어 있는 관광책자로 확인했다. 하루밖에 없는 짧은 자유시간에 어떤 곳을 가야 할지 고민되는 순간이다.</p>
<div class="wp-caption alignnone" style="width: 610px"><a title="P6160265 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845335409/"><img src="http://farm6.static.flickr.com/5032/5845335409_9a495740bf_z.jpg" alt=""/></a> <p class="wp-caption-text"> 아틀랜타 식물원에서 바라본 나무에 둘러쌓인 다운타운 스카이라인 </p></div>
<p>서울처럼 높은 빌딩과 넓은 도로가 많은 큰 도시였지만 서울의 바쁘고, 복잡한 모습과는 많이 달랐다. 아틀랜타의 도시는 조용하고 깨끗하게 정돈된 편안한 느낌이었다. 이 느낌은 단순히 외국인의 방관자 자세 때문만은 아니었다. 아틀랜타는 숲속의 도시(&#8220;city in a forest&#8221;, &#8220;city of trees&#8221;)라고 불릴만큼 도시의 36%가 나무로 둘러쌓여 있다. 대형 빌딩 앞의 넓은 정원과 큰 나무들이 복잡한 도시 생활의 느낌을 좀 더 부드럽고 여유롭게 만들어 주는 것 같았다.</p>
<h4>&nbsp; </h4>
<h3>Lenox Square Mall</h3>
<p>호텔에서 5분 거리에 위치한 벅헤드 리녹스 쇼핑몰. 블루밍데일(Bloomingdale&#8217;s), 니먼마르크스(Neiman Marcus), 메이씨(Macy&#8217;s) 등의 주요 백화점이 들어와있는 복합 쇼핑센터이다. </p>
<div class="wp-caption alignnone" style="width: 610px"><a title="Windows Shop by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845058965/"><img src="http://farm6.static.flickr.com/5027/5845058965_9b3e9ffbec_z.jpg" alt="Windows Shop" width="600" /></a><p class="wp-caption-text">윈도우즈 매장, 애플 매장과 가장 큰 차이점은 앉을 수 있는 의자가 많다는 점. </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="P6160206 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845060701/"><img src="http://farm6.static.flickr.com/5153/5845060701_145effce11_z.jpg" alt="P6160206" width="600" /></a><p class="wp-caption-text"> 새로나온 게임에 맞추어 단체로 춤을 추고 있는 윈도우즈 매장 직원들 </p></div>
<p>아틀랜타는 현재 흑인이 가장 많이 사는 도시라고 한다. 호텔, 레스토랑, 택시, 상점 등 대부분의 서비스업에서 만날 수 있는 사람들은 거의 흑인이었다. (애플샵의 경우 백인 직원이 더 많았다.)</p>
<div class="wp-caption alignnone" style="width: 610px"><a title="Apple shop by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845061951/"><img src="http://farm3.static.flickr.com/2641/5845061951_258b3cb02a_z.jpg" alt="Apple shop" width="600" /></a><p class="wp-caption-text">애플샵 전경 </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="Apple Shop by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845064799/"><img src="http://farm3.static.flickr.com/2473/5845064799_eca2f62a27_z.jpg" alt="Apple Shop" width="600" /></a><p class="wp-caption-text">나이드신 분들이 아이패드에 많은 관심을 가지고 설명을 듣고 있었다 </p></div>
<div class="wp-caption alignnone" style="width: 610px"><br />
<a title="Macbook Air by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845063343/"><img src="http://farm6.static.flickr.com/5073/5845063343_7170711165_z.jpg" alt="Macbook Air" width="600" /></a><p class="wp-caption-text"> '맥북 에어 윈도우 디스플레이' - 공기처럼 가벼운 맥북에어 </p></div>
<h4>&nbsp; </h4>
<h3>Downtown : Atlantic Station</h3>
<p>아틀랜타는 크게  다운타운, 미드타운, 벅헤드(Buckhead) 비즈니스 구역으로 이루어져 있다. 도시의 기능이 한곳에 몰려 있지 않아, 러시아워 시간에도 도시가 복잡하지 않다고 택시 운전기사가 귀뜸해 주었다. 쇼핑, 문화, 레스토랑이 모여있는 아틀랜틱 스테이션, 국지성 소나기가 한바탕 지나간 후여서 한가한 모습이다. </p>
<div class="wp-caption alignnone" style="width: 610px"><a title="Atlantic Station - Regal Cinemas by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845835236/"><img src="http://farm4.static.flickr.com/3010/5845835236_d1b44d0dcd_z.jpg" alt="Atlantic Station - Regal Cinemas" width="600" /></a><p class="wp-caption-text"> 아틀랜틱 스테이션 거리 모습</p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="P6160326 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845842058/"><img src="http://farm4.static.flickr.com/3279/5845842058_501ed26bc6_z.jpg" alt="P6160326" width="600" /></a><p class="wp-caption-text">   </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="P6160323 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845287597/"><img src="http://farm4.static.flickr.com/2645/5845287597_c0a0208758_z.jpg" alt="P6160323" width="600" /></a><p class="wp-caption-text">   </p></div>
<div class="wp-caption alignnone" style="width: 610px"><a href="http://www.flickr.com/photos/webactually/5845291529/" title="P6160333 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3571/5845291529_59b1333cbb_z.jpg" width="600" alt="P6160333"></a><p class="wp-caption-text">빵봉지에 직접 주문서를 쓰는 샌드위치 전문점 위치위치(which wich). 맛은 별로~</p></div>
<h4>&nbsp; </h4>
<h3>Barnes &amp; Noble @Georgia Tech</h2>
<p>책을 좋아하는 나는 여행을 가면 항상 그 도시의 가장 큰 서점을 찾는다. 지도를 보고 찾아간 BORDERS의 문이 닫혀 있었다. 다른 서점으로 가기 위해 택시를 타고 기사에게 이유를 물었다. 최근 부도로 인해 거의 모든 오프라인 서점이 문을 닫았다고 한다. 자신도 놀랐다고 한다. 지금 영업중인 서점중에 가장 큰 곳으로 데려다 달라고 기사에게 부탁했다. 그래서 도착한 곳은 조지아 공대안에 있는 반스앤노블. 택시 기사에게 내가 생각한 것보다 작다고 했다. 기사는 운전생활 10년동안 조지아 공대의 서점이 작다고 하는 사람은 내가 처음이라고 한다. 교보문고가 거짓말 안하고 한 5배는 큰 것 같다.    </p>
<div class="wp-caption alignnone" style="width: 610px"><a title="Barnes &amp; Noble @Georgia Tech by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845140205/"><img src="http://farm4.static.flickr.com/3173/5845140205_4a5184701b_z.jpg" alt="Barnes &amp; Noble @Georgia Tech" width="600" /></a><p class="wp-caption-text">반스앤노블 조지아공대 지점 전경</p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="Barnes &amp; Noble @Georgia Tech by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845140943/"><img src="http://farm4.static.flickr.com/3364/5845140943_eb2a427be3_z.jpg" alt="Barnes &amp; Noble @Georgia Tech" width="600" /></a><p class="wp-caption-text">반스앤노블 조지아공대점 전경 - 책이 반, 대학 홍보 잡화가 반</p></div>
<div class="wp-caption alignnone" style="width: 610px"><a title="Barnes &amp; Noble @Georgia Tech by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845693954/"><img src="http://farm6.static.flickr.com/5148/5845693954_5d212f0e8a_z.jpg" alt="Barnes &amp; Noble @Georgia Tech" width="600" /></a><p class="wp-caption-text">'이상한 나라의 앨리스'와 '허클베리핀의 모험' 책 표지</p></div>
<p>오래전에 읽은 고전이긴 한데, 표지가 너무 이뻐서 소장용으로 구입했다. 표지의 힘은 정말 강하다.</p>
<div class="wp-caption alignnone" style="width: 610px"><a title="Barnes &amp; Noble @Georgia Tech by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845690190/"><img src="http://farm4.static.flickr.com/3344/5845690190_f70e6a14a7_z.jpg" alt="Barnes &amp; Noble @Georgia Tech" width="600" /></a><p class="wp-caption-text">난장이들 화보집</p></div>
<p>난장이에 관한 아기자기한 일러스트레이션과 핸드라이팅에 반해서 구입한 그림책</p>
<h4>&nbsp; </h4>
<h3>Atlanta Botanical Garden</h2>
<p>많은 관광객들이 코카콜라 박물관 또는 CNN센터를 방문하겠지만, 서울 도시 생활에 한참 찌들어 있던 나에게는 관광지보다 자연을 많이 느낄 수 있는 한적한 아틀랜타 식물원이 가장 매력적이었다.  35도가 넘는 뜨거운 날씨 속에서 장시간 동안 꽃을 감상하고 사진 찍느라 얼굴이 온통 땀으로 젖었다. </p>
<div class="wp-caption alignnone" style="width: 610px"> <a title="P6160304 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845896706/"><img src="http://farm4.static.flickr.com/3525/5845896706_2ce9471785_z.jpg" alt="P6160304" width="600" /></a><p class="wp-caption-text"> 아틀랜타 식물원 정문</p></div>
<div class="wp-caption alignnone" style="width: 610px"> <a title="P6160240 by webactually, on Flickr" href="http://www.flickr.com/photos/webactually/5845885902/"><img src="http://farm4.static.flickr.com/3566/5845885902_1bf493997d_z.jpg" alt="P6160240" width="600" /></a><p class="wp-caption-text">난(Orchid) 화원, 처음보는 다양한 형태와 색상의 난</p></div>
<div class="wp-caption alignnone" style="width: 610px"> <a href="http://www.flickr.com/photos/webactually/5845330475/" title="P6160221 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3006/5845330475_7435518b7c_z.jpg" width="600"  alt="P6160221"></a><p class="wp-caption-text"> 다양한 색상으로 함박 피어있는 수국 </p></div>
<div class="wp-caption alignnone" style="width: 610px"> <a href="http://www.flickr.com/photos/webactually/5845962154/" title="P6160231 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3194/5845962154_2359debd23_z.jpg" width="600"  alt="P6160231"></a><p class="wp-caption-text">    </p></div>
<div class="wp-caption alignnone" style="width: 610px"> <a href="http://www.flickr.com/photos/webactually/5845893454/" title="P6160287 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/5154/5845893454_ac47936b93_z.jpg" width="600"  alt="P6160287"></a><p class="wp-caption-text">    </p></div>
<div class="wp-caption alignnone" style="width: 610px"> <a href="http://www.flickr.com/photos/webactually/5845336789/" title="P6160277 by webactually, on Flickr"><img src="http://farm4.static.flickr.com/3055/5845336789_b66b19ed2e_z.jpg" width="600"  alt="P6160277"></a><p class="wp-caption-text">    </p></div>
<p>아틀랜타 도시의 더 많은 사진을 보고 싶으세요?<br />
<a href="http://www.flickr.com/photos/webactually/sets/72157626865228777/"><strong>웹액츄얼리 플리커</strong></a>를 방문해 보세요~ </p>
<p>아틀랜타에서 열린 <a href="http://www.webactually.co.kr/archives/4892"><strong>AEA(An Event Apart) 컨퍼런스 스케치가 Part 2</strong></a> 에서 계속됩니다. </p>
<h4>&nbsp; </h4>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4844/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>워드프레스로 웹사이트 만들기 전에 체크하세요</title>
		<link>http://www.webactually.co.kr/archives/4591</link>
		<comments>http://www.webactually.co.kr/archives/4591#comments</comments>
		<pubDate>Tue, 25 Jan 2011 05:28:05 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[기업블로그]]></category>
		<category><![CDATA[브랜드페이지]]></category>
		<category><![CDATA[오픈소스]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[웹2.0]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[웹액츄얼리코리아]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4591</guid>
		<description><![CDATA[워드프레스로 웹사이트를 만들기 전에 또는 기존 웹사이트를 워드프레스 플랫폼으로 교체하기 전에 꼭! 한번 체크하세요. ]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/wordpress.jpg?0b529f" alt=""/><br />
<p class="wp-caption-text">Photo : bionicteaching</p></div>
<p><strong>Dr. webactually가 알려드립니다</strong><br />
<article class="list1"></p>
<ul>
<li>워드프레스로 웹사이트 만들기 전에 체크하세요</li>
</ul>
<p></article></p>
<h4>Q. 현재 운영하고 있는 웹사이트를 워드프레스로 바꾼다면 구글에서 지금껏 만들어온 검색순위를 포기해야 하나요?</h4>
<p><strong>No!</strong> 거의 모든 경우 검색순위를 유지할 수 있습니다. 사이트를 이전한다면 적합한 301 redirects를 설정하거나 새로운 사이트에 비슷한 사이트 구조를 만드는 등의 검증된 방법을 적용해야 합니다.</p>
<h4>&nbsp; </h4>
<h4>Q. 현재 웹사이트를 워드프레스로 바꾼다면, 검색엔진이나 로봇이 새로 오픈한 웹사이트를 쉽게 찾을수 있을까요?</h4>
<p><strong>Yes!</strong> 워드프레스 CMS와 필요한 플러그인을 제대로 설치한다면, 워드프레스는 검색엔진 연동에 있어서 최고의 성능을 자랑합니다. 각 페이지 URL의 관리가 쉽고 독특한 메타데이터를 생성할 수 있는 워드프레스만의 능력은 검색엔진 최적화에 매우 중요한 요소입니다.</p>
<h4>&nbsp; </h4>
<h4>Q. 워드프레스는 블로거를 위한 CMS인가요? 기업 웹사이트 제작에 사용해도 될까요?</h4>
<p><strong>Yes!</strong> 워드프레스는 더 이상 블로거만을 위한 플랫폼이 아닙니다. 처음에는 그랬지만 워드프레스가 많이 업그레이드 된 지금은 개인 블로거뿐만 아니라 기업에서도 사용할 수 있는 CMS로 발전했습니다.</p>
<p><a href="http://ebayinkblog.com/" target="_blank">이베이 INK</a>, <a href="http://electronicsblog.sel.sony.com/" target="_blank">소니 에릭슨</a>, <a href="http://nowplaying.nokia.com/" target="_blank">노키아</a>,<a href="http://politicalticker.blogs.cnn.com/" target="_blank"> CNN</a>, <a href="http://www.wsj.com" target="_blank">월 스트리트 저널</a>,<a href="http://www.nytimes.com/" target="_blank"> 뉴욕타임즈</a>, <a href="http://www.people.com/" target="_blank">피플 매거진</a>, <a href="http://blog.mozilla.com/" target="_blank">모질라 파이어폭스</a>, <a href="http://www.ge.com/" target="_blank">GE</a>, <a href="http://www.americanexpress.com" target="_blank">아메리칸 익스프레스</a> 등 수많은 기업의 브랜드와 언론, 교육단체, 글로벌 스타들이 워드프레스 CMS를 기반으로 한 웹사이트를 운영하고 있습니다.<br />
<div class="wp-caption alignleft" style="width: 610px"><img title="people_1" src="http://www.webactually.co.kr/wp-content/uploads/2011/01/people_1.jpg?0b529f" alt="" /><br />
<p class="wp-caption-text">워드프레스를 사용하고 있는 '피플 매거진'</p></div></p>
<h4>&nbsp; </h4>
<h4>Q. 현재 웹사이트를 워드프레스로 바꿀 때 어려운 부분이 있나요?</h4>
<p><strong>데이터 이전</strong><br />
티스토리, 텍스트큐브 등의 CMS로 만든 웹사이트를 워드프레스로 바꾼다면 데이터 그대로 워드프레스에 옮겨올 수 있습니다. 하지만 주의할 것이 있습니다. 데이터 페이지(포스팅한 글)를 워드프레스로 가져오면 자동으로 워드프레스의 링크 방식도 바뀝니다. 따라서 기존 콘텐츠에 내부 링크를 걸어두었다면 워드프레스로 전환한 이후에 이 링크들이 모두 404 에러를 만들어냅니다. 안타깝지만 이 경우에는 수작업으로 각 콘텐츠의 링크를 찾아서 바꿔줘야 합니다.<br />
일반 웹사이트의 특정 플랫폼 또는 게시판에 입력된 콘텐츠는 자동으로 가져오는 프로그램은 없지만  그렇다고 모두 수작업할 필요는 없습니다. 데이터를 이전할 때 워드프레스의 데이터베이스 포맷에 맞춰 변경하여 업로드하면 어렵지 않게 가져올 수 있습니다. 이런 작업에 &#8216;워드프레스 전문가&#8217;가 필요한 것입니다.</p>
<p><strong>회원DB</strong><br />
회원 정보는 모두 이전할 수 있습니다. 하지만 워드프레스의 기본 포맷에서 벗어나지 않게 설계하여 업로드하고, 나중에 웹사이트가 완성되었을 때 워드프레스 안에서 이 데이터베이스가 문제를 일으키지 않도록 하기 위해서는 워드프레스 전문가가 필요합니다.</p>
<p><strong>온라인 결제 프로세스</strong><br />
현재 워드프레스 기본 기능에는 결제 시스템이 없습니다. 쇼핑몰 형태를 가진 여러 가지 테마들이 있지만 이 테마를 우리 나라 웹사이트에 적용시키는 데는 한계가 있습니다. 국내 결제 업체 대부분이 Active X를 사용하기 때문에 워드프레스에서 이것을 구현하기 위해서는 험난한 과정이 예상됩니다. 하지만 훌륭한 CMS인 워드프레스에 온라인 쇼핑몰 기능을 더하면 멋진 결과를 얻을 수 있을 거라 확신합니다.<br />
워드프레스가 훌륭한 시스템이긴 하지만 기존 웹사이트를 새로운 플랫폼으로 전환할 때는 앞서 언급한 것처럼 여러 가지 확인 작업이 필요합니다. 따라서 이 경우에는 워드프레스 전문가와 상의해야 합니다.</p>
<h4>&nbsp; </h4>
<h4>Q. 영어 이 외에 기타 외국어로 제작하는 것도 가능한가요?</h4>
<p><strong>Yes!</strong> 워드프레스는 기본 기능(예. 관리자 툴, 각종 에러 메시지 등)에 한해 40여 개의 언어로 서비스할 수 있습니다. 단, 한글 콘텐츠를 다른 언어로 자동변환하는 기능은 지원하지 않습니다.</p>
<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/saintpaul.jpg?0b529f" alt="" /><p class="wp-caption-text">웹액츄얼리가 워드프레스 플랫폼을 이용하여 영문으로 제작한 '세인트폴 아카데미' 웹사이트</p></div>
<h4>&nbsp; </h4>
<h4>Q. 워드프레스 기본 플랫폼을 설치하면 웹액츄얼리의 &#8216;브랜드페이지&#8217;와 같은 디자인을 쉽게 구현할 수 있나요?</h4>
<p><strong>No!</strong> 워드프레스 플랫폼은 퍼포먼스 측면에서 완성도가 아주 뛰어납니다. 하지만 기본 플랫폼을 원하는 목적과 기능에 맞춰 많은 것을 바꾸려 할 때는 여러 가지 문제가 따릅니다. 워드프레스의 고유한 특성을 이해하고 유지, 관리할 수 있는 능력이 있다면 문제될 것이 없지만 강도 높은 수정이 필요할 때는 ‘워드프레스 전문가’가 필요합니다. 워드프레스 기본 플랫폼의 코드를 과도하게 수정하고 여러 가지 플러그인을 적용할 경우 가끔 문제를 일으키기 때문입니다. 전세계의 수많은 개발자가 자신이 만든 플러그인을 공개하고 있는데 이들 플러그인의 호환성 또한 보장할 수 없습니다.<br />
수많은 플러그인 중에서 필요한 플러그인을 찾아내고, 호환성 테스트를 해서 워드프레스 플랫폼에 적용하기까지 녹록지 않은 과정을 헤쳐나가기 위해서는 반드시 전문가가 필요합니다. 워드프레스를 그냥 끄적이는 전문가가 아니라 끊임없이 연구하는 전문가 말입니다.</p>
<h4>&nbsp; </h4>
<p><strong>알아두세요~ </strong><br />
많은 분들이 오해하시는 것이 ‘워드프레스’를 이용하기만 하면 멋진 웹사이트를 만들 수 있다고 생각하는 것입니다. 워드프레스는 웹사이트를 예쁘게 만들어주는 &#8216;요술방망이&#8217;가 아닙니다.</p>
<p>예쁘고 화려한 색감, 앙증 맞는 아이콘과 일러스트, 쉽고 직감적인 인터페이스 등은 워드프레스와는 관련이 없습니다. 컬러 선택, 타이포그래피의 이해, HTML5/CSS3 응용, jQuery를 활용한 동적인 UI 적용 등 이 모든 것을 잘 조합해야 합니다. 이런 웹디자인 개념을 가지고서 UI 부분을 제작해야만 좋은 웹사이트가 나옵니다.</p>
<h4>&nbsp; </h4>
<p><strong>글 : 웹액츄얼리팀</strong></p>
<h4>&nbsp; </h4>
<div class="wpbn"><img src="/wp-content/themes/webactually_cokr/images/wpbn_cover.png?0b529f" alt="워드프레스 제대로파기" /><strong>워드프레스 <i>제대로파기</i></strong><i>크리스 코이어 CHRIS COYIER 제프 스타 JEFF STARR 저</i><em>국내 최초 워드프레스 활용 가이드 출간!</em>
<div class="btns"><a href="http://books.webactually.com/shop/letsgoshop.php?itemCode=3" title="책 구매하기" class="b1">책 구매하기</a><a href="http://books.webactually.com/digwp/wp-content/themes/digwp/pdf/wordpress_book_preview.pdf" title="책 미리보기" class="b2">책 미리보기</a><a href="http://books.webactually.com/digwp/?page_id=2" title="책 상세설명" class="b3">책 상세설명</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4591/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>내가 아는 최고의 오픈소스 CMS, 워드프레스</title>
		<link>http://www.webactually.co.kr/archives/4464</link>
		<comments>http://www.webactually.co.kr/archives/4464#comments</comments>
		<pubDate>Mon, 17 Jan 2011 02:55:39 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[기업블로그]]></category>
		<category><![CDATA[모바일웹]]></category>
		<category><![CDATA[브랜드페이지]]></category>
		<category><![CDATA[블로그]]></category>
		<category><![CDATA[소셜미디어]]></category>
		<category><![CDATA[오픈소스]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[웹2.0]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[웹액츄얼리코리아]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4464</guid>
		<description><![CDATA[버그와 에러가 넘쳐나지 않는 심플한 CMS, 변화하는 웹트렌드 요구에 맞춰 호환성을 자랑하는 플랫폼! 워드프레스가 전 세계 인터넷 사용자의 사랑을 받을 수밖에 없는 이유.]]></description>
			<content:encoded><![CDATA[<p><div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/01.jpg?0b529f" alt=""/><br />
<p class="wp-caption-text"> </p></div>Photo :<a href="http://www.flickr.com/photos/stickergiant/">teamstickrgiants</a></p>
<h4>&nbsp; </h4>
<p>한번이라도 CMS플랫폼을 찾아본 사람이라면 알 것이다. 버그와 에러가 넘쳐나지 않는 심플한 CMS, 변화하는 웹트렌드 요구에 맞춰 호환성을 자랑하는 플랫폼을 만나는 것이 얼마나 어려운 일인지 말이다.<br />
워드프레스는 2003년, 간단한 블로깅 플랫폼으로 시작해 현재 전 세계 인터넷 사용자의 사랑을 받는 오픈소스 CMS(Content management system)로 자리잡았다. 워드프레스에 매료된 사용자들이 자신의 전문성을 살려 다양한 플러그인과 템플릿 디자인을 온라인 커뮤니티를 통해 공유함으로써 워드프레스의 사용성은 지속적으로 확장, 업그레이드되고 있다. 워드프레스가 업계를 리드하는 CMS가 될 수밖에 없는 이유가 바로 여기에 있다.   </p>
<h4>&nbsp; </h4>
<h2>최고의 선택은 워드프레스?</h2>
<p>그렇다면 언제나 최상의 선택은 워드프레스일까? <br />
프로젝트에 적합한 CMS를 결정하는 기준은 무엇일까? <br />
<a href="http://books.webactually.com/">스매싱 미디어(글로벌 웹디자인 업계에서 가장 영향력있는 인터넷 미디어 회사)가 최근 발행한 <스매싱 북></a>에서 이 질문에 적합한 답을 발견해 그대로 옮겨본다.</p>
<blockquote><p><strong>프로젝트에 적합한 CMS를 결정하는 기준은 무엇인가?</strong><br />
<strong>크리스 코이어(Chatman Design과 CSS-Tricks 운영 웹디자이너):</strong>이 질문의 이상적인 답은 다음과 같다. 먼저 프로젝트의 정확한 필요를 분석한 후, 그 필요를 토대로 주요 CMS의 강점을 하나하나 시험해보고 결정하는 것이다. 물론 그렇게 깔끔하게 진행되는 경우는 절대로 없다. 때로는 프로젝트가 어느 정도 진행되기 전까지 그 요구사항을 정확하게 알기 어렵다. 때로는 어떤 CMS를 사용할 것인지 클라이언트가 이미 결정한 경우도 있다. 때로는 기존의 운영체제가 CMS 선택에 영향을 미칠 수 있다.<br />
CMS를 고르는 것은 새 차를 고르는 것과 다르다. 자동차는 한 번도 타보지 않은 차라도 운전할 수 있다. 열쇠를 꽂아서 돌리고, 기어를 바꾼 후 페달을 밟으면 된다. 하지만 안타깝게도 CMS는 어느 것에나 공통적으로 적용되는 유사점도 없고 훨씬 더 복잡하다. 그래서 CMS는 처음부터 끝까지 속속들이 학습하기가 만만치 않다.<br />
나는 CMS를 선택할 때 제일 먼저 워드프레스를 떠올린다. 워드프레스는 내가 아는 최고의 CMS일 뿐 아니라 이제까지 내가 만든 웹사이트의 80%에서 아무런 문제가 발생하지 않았다. 웹사이트를 만들 때 워드프레스를 사용할 수 있다면 나는 그렇게 할 것이다. 워드프레스를 사용할 수 없을 때에만 다른 것을 찾을 것이다. 이것은 결코 게으름 때문이 아님을 밝혀두고 싶다.<br />
나는 드루팔(Drupal), 익스프레션엔진(Expressionengine), 스위트콘(Sweetcon), 피나클 카트(Pinnacle Cart), 마젠토(Magento) 그리고 큐브 카트(Cube Cart)로 웹사이트를 만들어봤고, 내가 직접 만든 CMS도 몇 개 있다. 하지만 최상의 것이라고 판단되는 것을 사용하는 것이 능률은 물론, 정신 건강에도 좋을 것이다.</p></blockquote>
<h4>&nbsp; </h4>
<h4>&nbsp; </h4>
<h2>워드프레스 CMS의 장점</h2>
<h4>1. 간단한 인터페이스</h4>
<p>워드프레스는 다른 CMS보다 인터페이스가 간단해서 코드를 모르는 사용자라 하더라도 대시보드에서 웹사이트의 많은 기능(이미지 추가/수정, 포스트 등)을 쉽게 관리할 수 있다.</p>
<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/11.jpg?0b529f" alt=""/><p class="wp-caption-text">워드프레스 대시보드</p></div>
<h4>&nbsp; </h4>
<h4>2. 사용자 친화성</h4>
<p>워드프레스 사용이 어렵게 느껴진다면 처음 접했을 때의 낯설음 때문일 것이다. 각 카테고리의 기능과 포스팅 페이지의 편집툴을 하나씩 사용해 보면 워드프레스 CMS가 가진 장점을 곧 깨닫게 될 것이다. </p>
<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/0.jpg?0b529f" alt=""/><p class="wp-caption-text">워드프레스 대시보드의 편집 페이지 </p></div>
<h4>&nbsp; </h4>
<h4>3. 웹 라이브러리</h4>
<p>워드프레스는 다양한 템플릿을 제공하는 테마 시장이 활성화되어 있다. 우리는 그곳에서 무료 테마를 다운받거나 조금 더 멋진 유료 테마를 구입할 수 있다. 다운 받은 테마 파일을 ftp를 이용해 웹사이트의 테마 폴더에 업로한 뒤, 관리자 화면에서 클릭 한 번이면 웹사이트는 새로운 디자인으로 변신 완료!<br />
워드프레스가 드루팔, 줌라를 제치고 부동의 1위를 지키고 있는 또 하나의 강점은 플러그인이다. 전 세계의 수많은 개발자들이 만들어내는 플러그인이 워드프레스에 강력한 힘을 실어주고 있다. 워드프레스 기본 플랫폼이 가지고 있는 기능만으로도 웹사이트로서의 기본 역할을 수행하기에 충분하지만 운영 목적에 따라 기능을 추가해야 할 때는 플러그인이 그 한계를 확장시켜 준다.</p>
<a class="button btn_yellow" href="http://www.webactually.co.kr/?p=3980" title="웹액츄얼리 추천! 워드프레스 베스트 플러그인 ">웹액츄얼리 추천! 워드프레스 베스트 플러그인 </a>
<h4>&nbsp; </h4>
<h4>4. 온라인 커뮤니티와 함께 진화</h4>
<p>워드프레스 설치 방법은 물론 각종 템플릿과 플러그인, 워드프레스에 관한 모든 최신 정보를 커뮤니티에서 얻을 수 있다. 워드프레스가 성장하면서 자연스럽게 온라인 커뮤니티가 활성화되었고 커뮤니티의 활약은 다시 워드프레스의 진화를 부추기는 동력이 되었다. 워드프레스가 궁금하다고? 검색어 &#8216;wordpress&#8217; 하나면 충분하다. 엄~청나게 많은 커뮤니티가 방~대한 분량의 정보를 쏟아낼테니.</p>
<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2011/01/1.gif?0b529f" alt=""/><p class="wp-caption-text">   </p></div>
<article class="list2"></p>
<ul>
<li><a href="http://socialmediatoday.com/index.php?q=pammoore/257476/top-50-wordpress-plugins-2011-zoom-seo-smo-audience-engagement">2011 Top 50 워드프레스 플러그인 </a></li>
<li><a title="WordPress in 2011" href="http://wordcastnet.com/news/2010/12/27/whats-ahead-in-2011-for-wordpress.html">2011 워드프레스에 찾아올 변화</a></li>
<li><a href="http://www.sitesketch101.com/the-15-best-seo-tips-for-wordpress-in-2011">2011 Best SEO Tip 15</a></li>
<li><a href="http://bloggingexperiment.com/archives/best-wordpress-themes-2011.php">2011 Best 테마, 호스팅, 플러그인 &amp; more</a></li>
<li><a href="http://fullshovel.wordpress.com/2010/12/29/2011-open-source-predictions/">2011 오픈소스에 관한 예언</a></li>
<li><a href="http://wparena.com/inspiration/best-wordpress-latest-news-sites/#">Best 워드프레스 뉴스 사이트</a></li>
<li><a href="http://blogdesignstudio.com/wordpress-design-2/wordpress-design-inspiration-6-for-sidebar-of-a-blog/">워드프레스 디자인에 영감을 주는 것들_ 사이드바</a><br />
                                               _ <a href="http://blogdesignstudio.com/wordpress-design-2/wordpress-design-inspiration-5-for-header-design-for-a-blog/">헤더 디자인</a><br />
                                               _ <a href="http://blogdesignstudio.com/wordpress-design-2/wordpress-design-inspiration-3-for-blog-footer-design/">푸터 디자인</a><br />
                                               _ <a href="http://blogdesignstudio.com/wordpress-design-2/wordpress-design-inspiration-4-for-404-page-not-found-error-page-design/">404 에러 페이지 </a><br />
                                               _ <a href="http://blogdesignstudio.com/wordpress-design-2/wordpress-design-inspiration-1-for-comments-styling-on-blogs/">댓글 스타일링  </a>         </li>
</ul>
<p></article>
<h4>5. 워드프레스 &#8217;5분 설치&#8217;</h4>
<p>워드프레스는 ‘5분 설치(5-minute install)’로 유명하다. 전혀 커스터마이징 작업을 하지 않는다면 정말 간단하게 설치할 수 있다. 하지만 다른 CMS에 있는 데이터베이스를 워드프레스로 이전하거나 기본 플랫폼이 아니라 새로운 테마를 구축해야 한다면 훨신 더 오랜 시간이 걸릴 것이다.</p>
<a class="button btn_yellow" href="http://codex.wordpress.org/Installing_WordPress" title="워드프레스 설치의 자세한 설명">워드프레스 설치의 자세한 설명</a>
<h4>&nbsp; </h4>
<h2>워드프레스를 사용하는데 전문가의 도움이 필요할까?</h2>
<p>오픈 소스이기 때문에 가격은 무료!<br />
워드프레스 기본 플랫폼 설치는 초간단!<br />
그런데 워드프레스 전문가의 도움이 필요한 이유는?</p>
<p>워드프레스 플랫폼은 퍼포먼스 측면에서 완성도가 아주 뛰어나다. 하지만 기본 플랫폼을 원하는 목적과 기능에 맞춰 많은 것을 바꾸려 할 때는 여러 가지 문제가 따른다. 워드프레스의 고유한 특성을 이해하고 유지, 관리할 수 있는 능력이 있다면 문제될 것이 없지만 강도 높은 수정이 필요할 때는 ‘워드프레스 전문가’를 고용해야 한다. 워드프레스 기본 플랫폼의 코드를 과도하게 수정하고 여러 가지 플러그인을 적용할 경우 가끔 문제를 일으키기 때문이다. 전세계의 수많은 개발자가 자신이 만든 플러그인을 공개하고 있는데 이들 플러그인의 호환성 또한 보장할 수 없다. </p>
<p>수많은 플러그인 중에서 필요한 플러그인을 찾아내고, 호환성 테스트를 해서 워드프레스 플랫폼에 적용하기까지 녹록지 않은 과정을 헤쳐나가기 위해서는 반드시 전문가가 필요하다. 워드프레스를 아는 전문가가 아니라 워드프레스에 대해 끊임없이 연구하는 전문가 말이다.</p>
<h4>&nbsp; </h4>
<p><strong>글 : 웹액츄얼리팀</strong></p>
<h4>&nbsp; </h4>
<div class="Infobx"><div><strong>참조</strong><br />
<strong>1.<a href="http://www.inspiredm.com/2010/10/25/wordpress-cms-guide/"> Inspired Magazine</a> </strong> <br />
The complete WordPress-as-a-CMS Guide: Benefits, Tips, Common Questions and Inspiration. 저자는 Fresh Tilled Soil 소속 티모시 루포(Timothy Lupo). Fresh Tilled Soil은 WordPress CMS 웹사이트와 UI디자인으로 특화된 차세대 웹디자인 회사.</p>
<p><strong>2.<a href="http://books.webactually.com/"> <스매싱 북></a></strong> <br />
<스매싱 북> 303페이지, 인터뷰:전문가에게 배우는 통찰력 중에서 발췌. 스매싱미디어 지음, 웹액츄얼리 옮김<br />
</div></div>
<h4>&nbsp; </h4>
<div class="wpbn"><img src="/wp-content/themes/webactually_cokr/images/wpbn_cover.png?0b529f" alt="워드프레스 제대로파기" /><strong>워드프레스 <i>제대로파기</i></strong><i>크리스 코이어 CHRIS COYIER 제프 스타 JEFF STARR 저</i><em>국내 최초 워드프레스 활용 가이드 출간!</em>
<div class="btns"><a href="http://books.webactually.com/shop/letsgoshop.php?itemCode=3" title="책 구매하기" class="b1">책 구매하기</a><a href="http://books.webactually.com/digwp/wp-content/themes/digwp/pdf/wordpress_book_preview.pdf" title="책 미리보기" class="b2">책 미리보기</a><a href="http://books.webactually.com/digwp/?page_id=2" title="책 상세설명" class="b3">책 상세설명</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4464/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>신묘년, 여러분이 잡고 싶은 토끼는?</title>
		<link>http://www.webactually.co.kr/archives/4421</link>
		<comments>http://www.webactually.co.kr/archives/4421#comments</comments>
		<pubDate>Fri, 31 Dec 2010 03:44:42 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[기업블로그]]></category>
		<category><![CDATA[브랜드페이지]]></category>
		<category><![CDATA[신묘년]]></category>
		<category><![CDATA[워드프레스]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[웹액츄얼리코리아]]></category>
		<category><![CDATA[토끼]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4421</guid>
		<description><![CDATA[와인과 함께 종무식을 하면서 웹액츄얼리 식구들의 신묘년 계획을 들어봤습니다. 여러분은 어떤 토끼를 잡고 싶으세요?]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 610px"><img src="http://www.webactually.co.kr/wp-content/uploads/2010/12/Small_rabbit.jpg?0b529f" alt=""/><p class="wp-caption-text">  </p></div>
<h4 align="center">신묘년, 여러분이 잡고 싶은 토끼는?</h4>
<h5 align="center">와인과 함께 종무식을 하면서 웹액츄얼리 식구들의 신묘년 계획을 들어봤습니다. 여러분은 어떤 토끼를 잡고 싶으세요?</h5>
<p><br/></p>
<blockquote align="center"><p><strong>웹액츄얼리팀은 올 한 해 정말 액츄얼리하게 뛰었습니다. <a href="http://books.webactually.com">&lt;스매싱 북&gt;</a>도 출간하고 보람있는 한해였습니다. 새해 더 멋진 회사로 거듭나기 위해 첫 번째 필수 조건은 우리 식구들 모두가 행복해지는 겁니다. 아시죠? 새해 복 많이 받으세요! ^_______^&#8221; <br />
<span style="color:#154a62">@webactually</span></p>
<p><br/><br/></p>
<p>&#8221;작년에도 언급한 적 있지만, 다시 S라인에 도전하겠습니다!<br />
하루빨리 웨딩 드레스를 입어야지요^^&#8221;<br />
<span style="color:#154a62">@webSsong</span></p>
<p><br/><br/></p>
<p>&#8221; 글을 뽕빨날리게 잘 쓰고 싶어요. 읽는 사람이 절로 신바람나게~<br />
그리고 돈도 많이 모아 당당하게 독립했으면 좋겠어요!&#8221;<br />
<span style="color:#154a62">@catbuscompany</span></p>
<p><br/><br/></p>
<p>&#8221;2010년,예정에 없었던 런던 컨퍼런스는 저에게 일적으로나 개인적으로 많은 힘이 되었던 깜짝 이벤트 였습니다.2011년에도 더욱 더 다양한 경험, 만남, 이벤트를 기대합니다. 개인적으로는 혼자 훌쩍 떠나는 스코틀랜드 여행~ &#8221;<br />
<span style="color:#154a62">@kimee77</span></p>
<p><br/><br/></p>
<p>&#8221;<span style="color:#154a62">첫째!</span> 올해 영어를 중급으로 업그레이드 하는 것입니다.<br />
<span style="color:#154a62">둘째!</span> 봉사나 기부에도 관심 많습니다. 사람과 사람이 더불어 산다는 것을 피부로 느끼고 싶어요~<br />
새해 복 많이 받으세요. ^^&#8221;<br />
<span style="color:#154a62">@leekmin</span></p>
<p><br/><br/></p>
<p>&#8221;제가 작업한 일러스트가 잔뜩 들어간 아이패드 전자 동화책 내고 싶어효~!!!&#8221;<br />
<span style="color:#154a62">@rilly_illust</span></p>
<p><br/><br/></p>
<p>&#8221;개인적으로는 3월 결혼이요^^; 인생의 중요한 전환점이 될 것 같습니다.<br />
업무적으로는 국내 워드프레스 개발자로서 첫 발을 들여놓은 시기이기에, 2011년 최선을 다해 달릴 계획입니다!&#8221; <br />
<span style="color:#154a62">@dudn04</span></p>
<p><br/><br/></p>
<p>&#8221;여행가 토끼! 다양한 직업군의 사람들 만나며 사람 냄새 즐기는 토끼!<br />
한동안 주춤했던 글쓰기를 맘껏 즐기는 토끼! 많이 웃는 토끼! 행동하는 토끼! &#8230;<br />
이 많은 토끼를 모조리 다 잡아서 정작 나는 유유자적 인생을 즐기는 토끼 농장주가 되고싶어요&#8221;<br />
<span style="color:#154a62">@YunZOO</span></strong></p></blockquote>
<p><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4421/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>웹액츄얼리가 사고쳤습니다! 연말 서점가를 강타할  한국어판 발행!!</title>
		<link>http://www.webactually.co.kr/archives/4311</link>
		<comments>http://www.webactually.co.kr/archives/4311#comments</comments>
		<pubDate>Wed, 15 Dec 2010 04:18:15 +0000</pubDate>
		<dc:creator>webactually</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[smashing book]]></category>
		<category><![CDATA[smashing magazine]]></category>
		<category><![CDATA[webactually]]></category>
		<category><![CDATA[북스액츄얼리]]></category>
		<category><![CDATA[사용자 인터페이스]]></category>
		<category><![CDATA[스매싱 매거진]]></category>
		<category><![CDATA[스매싱북]]></category>
		<category><![CDATA[웹액츄얼리]]></category>
		<category><![CDATA[웹트렌드]]></category>
		<category><![CDATA[전환율]]></category>
		<category><![CDATA[타이포그래피]]></category>

		<guid isPermaLink="false">http://www.webactually.co.kr/?p=4311</guid>
		<description><![CDATA[전 세계 웹디자인 커뮤니티에서 가장 영향력 있는 미디어 회사(독일) ‘스매싱 미디어’에서 발행한 <스매싱 북> 한국어판 발행! 웹 분야 종사자는 물론 웹사이트를 잘 만들고 홍보하는 일에 관심있는 모든 분들께 권합니다.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.webactually.co.kr/wp-content/uploads/2010/12/1.jpg?0b529f" alt="" class="imgorg aligncenter"></p>
<h5>여러분에게 &lt;스매싱 북&gt; 한국어판을 소개합니다. &lt;스매싱 북&gt;은 전 세계 웹디자인 커뮤니티에서 가장 영향력 있는 미디어 회사(독일) ‘스매싱 미디어’에서 발행한 책입니다. 웹 분야 종사자는 물론 웹사이트를 잘 만들고 홍보하는 일에 관심있는 모든 분들께 권합니다.</h5>
<p><br/></p>
<p><div class="Infobx"><div>발행 스매싱 미디어 <em>|</em> 옮긴이 웹액츄얼리코리아<br />
10개 챕터 <em>|</em> 344 페이지 <em>|</em> 전면 컬러 <em>|</em> 28,000원</p>
<p><a href="http://books.webactually.com"><strong>http://books.webactually.com</strong></a><br />
</div></div><br/></p>
<article class="list1"></p>
<ul>
<li><strong>챕터 1.</strong> 최신 웹어플리케이션에서의 사용자 인터페이스 디자인</li>
<li><strong>챕터 2.</strong> CSS 레이아웃의 예술과 과학</li>
<li><strong>챕터 3. </strong>타이포그래피 : 규칙, 지침, 그리고 일반적인 실수들</li>
<li><strong>챕터 4. </strong>최신 웹사이트를 위한 사용성 원칙</li>
<li><strong>챕터 5. </strong>컬러 사용을 위한 가이드</li>
<li><strong>챕터 6. </strong>웹사이트 성능 최적화</li>
<li><strong>챕터 7. </strong>판매를 위한 디자인 : 전환율 높이기</li>
<li><strong>챕터 8. </strong>주목받는 브랜드 웹사이트로 만드는 비법</li>
<li><strong>챕터 9. </strong>인터뷰 : 전문가에게 배우는 통찰력</li>
<li><strong>챕터 10. </strong>무대 뒤 : 스매싱 매거진 이야기</li>
</ul>
<p></article>
]]></content:encoded>
			<wfw:commentRss>http://www.webactually.co.kr/archives/4311/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 3/10 queries in 0.002 seconds using disk: basic
Object Caching 787/922 objects using disk: basic

 Served from: www.webactually.co.kr @ 2026-05-25 17:55:30 by W3 Total Cache -->