<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>ONB Blog</title>
    <link>https://onbstudio.tistory.com/</link>
    <description>온라인 브랜딩에 대한 이것저것</description>
    <language>ko</language>
    <pubDate>Wed, 24 Jun 2026 06:27:15 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>ONB Studio</managingEditor>
    <image>
      <title>ONB Blog</title>
      <url>https://tistory1.daumcdn.net/tistory/5252013/attach/bdb7cf3d8dc140dd88e73c5d284bcf49</url>
      <link>https://onbstudio.tistory.com</link>
    </image>
    <item>
      <title>잘못된 SEO 방법 사이트를 버려야 할 수도</title>
      <link>https://onbstudio.tistory.com/entry/%EC%9E%98%EB%AA%BB%EB%90%9C-SEO-%EB%B0%A9%EB%B2%95-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%B2%84%EB%A0%A4%EC%95%BC-%ED%95%A0-%EC%88%98%EB%8F%84</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;SEO는 초기 투자 비용 대비 효과가 높은 온라인 마케팅 도구입니다. 안그래도 비용 효율성이 매우 뛰어난데 SEO 작업을 직접 수행한다면 초기 투자 비용마저도 낮출 수 있습니다. 하지만 비즈니스 기획과 운영으로 바쁜 상황에서도 직접 SEO를 수행한다는 것은 쉽지 않은 일입니다. 그래서 많은 분들이 SEO 대행 서비스를 도입하곤 하는데, 이러한 서비스들이 정말로 효과적일까요?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;search engine.jpg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/nqzAu/btsL6cNpQlg/VtMRHUJQvfK5yjteudmHx1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/nqzAu/btsL6cNpQlg/VtMRHUJQvfK5yjteudmHx1/img.jpg&quot; data-alt=&quot;검색엔진(Search Engine) 어떻게 공략해야 할까&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nqzAu/btsL6cNpQlg/VtMRHUJQvfK5yjteudmHx1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnqzAu%2FbtsL6cNpQlg%2FVtMRHUJQvfK5yjteudmHx1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;1080&quot; data-filename=&quot;search engine.jpg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;검색엔진(Search Engine) 어떻게 공략해야 할까&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;1. SEO 도입하기 전, 검색 엔진 먼저 알아보기&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO 관련 서비스를 도입하기 전에, 먼저 검색엔진의 작동 원리와 기업의 배경을 이해하는 것이 필요합니다. 검색엔진에 대한 이해가 부족하면, 해당 서비스가 효과적인지, 오히려 사이트에 악영향을 주는지 판단하기가 어려울 수 있습니다. 만약 잘못된 SEO 기법을 도입하게 된다면 검색엔진에서 차단될 수 있고, 사이트가 차단 되었다면 복구보단 새로 사이트를 구축하는 것이 더 나을 정도로 상황이 복잡해질 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색엔진은 사용자가 필요로 하는 정보를 최대한 정확하게 제공하기 위해 설계되었습니다. 이를 실현하기 위해 검색엔진 기업들은 전 세계에서 인재들을 고용해 검색 알고리즘을 끊임없이 개선하고 있습니다. 초기 검색엔진들은 단순히 트래픽을 검색 순위의 주요 지표로 활용했었는데 인위적인 트래픽으로 순위를 조작하는 사례가 급증했고 이런 사례를 막기 위해 유입 경로, 방문자의 활동, 머문 시간 등 다양한 변수들과 정교한 로직이 도입되기 시작했습니다. 지금은 기업 내부가 아니고서야 결정적인 변수가 무엇이 있는지 알기 어려울 정도로 고도화되었죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;2. 위험한 SEO 서비스 피하는 방법&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색엔진의 알고리즘이 고도화되면서 다양한 SEO 서비스가 등장했지만, 모든 서비스가 효과적인 것은 아닙니다. 광고에 속아 질 낮은 서비스를 이용하여 패널티를 받더라도, 검색엔진에서는 문제가 된 이유와 원인을 정확하게 알려주지 않으니 책임을 묻기가 어렵습니다. 때문에 처음부터 이러한 서비스들을 피하는 것이 가장 중요한데요. 어떻게 판단할 수 있을까요?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색엔진에서 제시한 가이드라인을 준수하며 쉽고 간단한 방법들을 경계하는 것이 좋습니다. 단순히 트래픽만 높이고, 백랭크를 구매하는 방식으로 전세계의 유능한 인재들이 끊임없이 고도화하는 개발엔진을 속일 수 있을 거라 생각하는 것은 굉장히 위험한 생각입니다. 이러한 눈속임 방식보다는 보다 폭넓은 온라인 활동(소셜 네트워크, 커뮤니티, 블로그 등)을 꾸준히 하는 것이 더 안전하며 적합한 방식입니다. 또한 단기간에 순위를 향상시켜주겠다는 약속은 주의할 필요가 있습니다. 대중적으로 유명세를 타고 있거나 사이트 인수 등 특수한 상황이 아니라면 실현되기 어렵거나 악영향이 있을 수 있기 때문입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;marketing.jpg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dLPM3o/btsL5jfmjGt/nK1FIi50izYk1YT0z6lCPk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dLPM3o/btsL5jfmjGt/nK1FIi50izYk1YT0z6lCPk/img.jpg&quot; data-alt=&quot;가이드라인을 준수하고 공정하게 경쟁하는 것. 가장 안전하고 효과적인 방법이에요.&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dLPM3o/btsL5jfmjGt/nK1FIi50izYk1YT0z6lCPk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdLPM3o%2FbtsL5jfmjGt%2FnK1FIi50izYk1YT0z6lCPk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;1080&quot; data-filename=&quot;marketing.jpg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;가이드라인을 준수하고 공정하게 경쟁하는 것. 가장 안전하고 효과적인 방법이에요.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색엔진은 정확한 정보를 제공하겠다는 목표를 달성하기 위해 SEO 관련 기법들을 민감하게 평가하곤 하는데요.&lt;span style=&quot;letter-spacing: 0px;&quot;&gt; 그렇기에 누군가가 알려준대로, 광고를 믿고 작업했다가 갑자기 검색에서 노출이 안된다는 경우를 종종 볼 수 있습니다. 어렵게 사이트를 구축하고서 차단되는 상황을 예방할 수 있도록 올바른 방식으로 SEO를 작업하고 성공적인 온라인 마케팅을 진행해보세요.&lt;/span&gt;&lt;/p&gt;</description>
      <category>브랜딩과 마케팅</category>
      <category>SEO</category>
      <category>seo대행</category>
      <category>SEO최적화</category>
      <category>검색엔진</category>
      <category>검색엔진최적화</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/24</guid>
      <comments>https://onbstudio.tistory.com/entry/%EC%9E%98%EB%AA%BB%EB%90%9C-SEO-%EB%B0%A9%EB%B2%95-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%B2%84%EB%A0%A4%EC%95%BC-%ED%95%A0-%EC%88%98%EB%8F%84#entry24comment</comments>
      <pubDate>Tue, 4 Feb 2025 10:59:03 +0900</pubDate>
    </item>
    <item>
      <title>SEO가 필요한 이유 Top 5</title>
      <link>https://onbstudio.tistory.com/entry/SEO%EA%B0%80-%ED%95%84%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0-Top-5</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&quot;SEO(Search Engine Optimization)는 성공적인 온라인 마케팅의 핵심 전략 중 하나입니다. 하지만 장기적인 작업이 필요하다는 특성상, 실감되는 효과가 느리다는 이유로 그 중요성이 종종 간과되곤 합니다. 이번 글에서는 왜 SEO가 온라인 마케팅에 필수적이며, 하루라도 빨리 시작해야 하는지 그 이유를 살펴보겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;1. 자연 유입 향상&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO는 검색 엔진에서 자연 유입을 끌어올리는 가장 강력한 도구입니다. 자연 유입이란 검색 엔진에서 사용자가 특정 키워드를 검색했을 때, 광고가 아닌 검색 결과를 통해 사이트를 방문하는 것을 의미합니다.광고를 피하고자 하는 사용자와 정말로 필요로 하는 정보나 서비스가 있는 사람들을 유치할 수 있으며, 구매 의도가 높은 트래픽으로 이어집니다. 또한 자연 유입이 늘어날수록 검색 엔진에서 더욱 신뢰하는 사이트가 되기에, 검색 결과에서 더 높은 순위를 기대할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;2. 브랜드와 비즈니스의 신뢰도 향상&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색 결과에서 상단에 노출된 사이트는 사용자들에게 높은 신뢰감을 줍니다. 이는 검색 엔진의 정확도와 신뢰성이 해당 사이트가 유용한 콘텐츠를 제공할 것이라는 믿음으로 이어지기 때문입니다. 이렇게 유입된 사용자들에게 전문성과 긍정적인 경험을 제공한다면 결과적으로 브랜드와 비즈니스에 대한 인식이 향상됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;3. 비용 효율성&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO 작업은 유료 광고의 클릭당 비용과 같은 정책을 갖고 있지 않으므로 장기적으로 매우 비용 효율적인 마케팅 전략입니다. 또한 한번 작업해두면 순위가 크게 바뀌지 않으며 지속적인 자연 유입을 기대할 수 있습니다. 제한된 기간동안 특정 행위(클릭, 구매 등)에 따라 비용을 지불하거나, 경매로 비용을 지불해야 하는 다른 온라인 마케팅 수단과 비교하면 비용 효율성이 정말 높은 전략입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;4. 경쟁 우위 확보&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색 순위를 선점한다는 것은 곧 경쟁 우위를 확보하는 것을 의미합니다. 순위 변동이 크지 않다는 점과 SEO가 왜 중요한가에 대해서는 여러분의 경쟁사 역시 알고 있을 것입니다. 때문에 하루 빨리 SEO를 시작하여 더 높은 순위를 확보하는 것이 경쟁에 있어 유리합니다. 만약 여러분이 후발주자라면 차별화된 키워드 전략이나 더 효과적인 SEO 작업으로 역전을 노려보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;5. 지속 가능성&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한번 SEO에 최적화된 콘텐츠는 시간이 지나도 여전히 고객들에게 가치를 제공하며 안정적인 유입을 불러일으킵니다. 또한 유료 광고처럼 예산에 구애받지 않기에 비즈니스와 사이트를 운영하는 동안 지속적인 트래픽을 유지할 수 있습니다. 지속적인 자연 유입을 기반으로 다른 마케팅 기법과 시너지를 만들어보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO가 만능의 온라인 마케팅 기법인 것은 아닙니다. 콘텐츠 마케팅, 소셜 미디어 광고, 이메일 마케팅 등 다른 기법들도 각자의 장점과 역할을 가지고 있습니다. 그럼에도 SEO의 중요성을 강조하는 이유는, 자연 유입을 기반으로 다른 기법들이 더 효과적으로 동작할 수 있게 하기 때문입니다. 만약 사이트를 구축하려는 상황이거나 구축된 상황이라면 SEO 마케팅을 도입해보세요.&lt;/p&gt;</description>
      <category>브랜딩과 마케팅</category>
      <category>SEO</category>
      <category>seo 중요성</category>
      <category>SEO최적화</category>
      <category>검색순위</category>
      <category>검색엔진최적화</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/23</guid>
      <comments>https://onbstudio.tistory.com/entry/SEO%EA%B0%80-%ED%95%84%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0-Top-5#entry23comment</comments>
      <pubDate>Mon, 27 Jan 2025 09:00:26 +0900</pubDate>
    </item>
    <item>
      <title>WordPress 기본 구조 이해하기</title>
      <link>https://onbstudio.tistory.com/entry/WordPress-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EC%A1%B0-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;워드프레스는 크게 3가지로 구성되어 있습니다. 워드프레스의 &lt;b&gt;코어(Core)&lt;/b&gt;, &lt;b&gt;테마(Theme)&lt;/b&gt; 그리고 &lt;b&gt;플러그인(Plugin)&lt;/b&gt; 입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;코어(Core)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;코어는 워드프레스를 구성하는 기본 파일들을 의미합니다. 워드프레스는 콘텐츠 매니지먼트 시스템(Content Management System)으로, 블로그나 카페처럼 사이트를 편집해서 만들 수 있는 시스템입니다. 즉, 코어는 이러한 기능들에 필요한 구성 파일이죠. 코어가 있기에 페이지와 게시물, 미디어 파일, 관리자 페이지 등이 가능한 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;테마(Theme)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;테마는 사이트의 디자인과 레이아웃을 정의하는 요소이며, 사이트 운영에 필요한 편의 기능들이 포함되어 있을 수 있습니다. 사이트 구축과 운영 방법, 편의성 등을 결정짓는 중요한 요소이기 때문에, 사이트의 목적에 알맞은 테마를 선택하는 것이 중요합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;플러그인(Plugin)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사이트의 추가 기능을 제공하는 요소이며, 사이트의 기능을 확장하거나 강화하는 역할을 합니다. 복잡한 코딩 없이 플러그인만 추가하면 손쉽게 사이트의 기능을 확장할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여기까지가 워드프레스의 기본 구조였습니다. 하지만 한 가지 참고하셔야 할 점은 코어는 WordPress에서 공식적으로 제공되는 버전이 있지만, 테마와 플러그인은 대부분 회사 혹은 개인이 제작했다는 것입니다. (일부 테마와 플러그인은 WordPress에서 직접 만들었습니다.) 그렇기 때문에 각자 더 많은 기능들을 추가해서 서로 충돌이 일어나거나, 중간에 업데이트를 포기하는 등의 문제가 발생할 수 있습니다. 이런 문제를 예방하고 조치하기 위해 다음 3가지 규칙을 참고해 보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;1. 인기 테마/플러그인 위주로 설치&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;테마와 플러그인을 선택할 때에는 가급적이면 판매량 혹은 설치 횟수, 평점 등이 높은 순으로 살펴봐주세요. 인기가 많은 테마와 플러그인은 지속적인 업데이트와 전문적인 고객지원을 기대할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;2. 최소한의 플러그인 설치와 최적화&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;워드프레스의 기본 기능들과 테마, 플러그인의 기능들을 이해하고 중복되는 기능은 없는지, 호환성에 문제는 없는지 확인해 보세요. 플러그인은 새로운 기능을 손쉽게 추가할 수 있다는 장점이 있지만, 일부 플러그인은 정말 간단한 코드로 대체될 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;3. 업데이트 내역 확인&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;워드프레스와 테마, 플러그인에 업데이트가 있을 때마다 한 번씩 읽어봐 주세요. 특히 주로 사용하고 있는 기능에 대한 업데이트 이력이 있는지 확인해 보는 것이 중요합니다. 또한 워드프레스 코어 업데이트가 있다면 바로 업데이트 하기 전에 테마와 플러그인에도 영향이 없는지 확인해보는 것이 좋습니다. 코어 업데이트가 생기고 1~2주 텀을 두고 테마와 플러그인에도 업데이트가 생겼는지 확인해 보세요.&lt;/p&gt;</description>
      <category>WEB/WORDPRESS</category>
      <category>워드프레스</category>
      <category>워드프레스 구조</category>
      <category>코어</category>
      <category>테마</category>
      <category>플러그인</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/22</guid>
      <comments>https://onbstudio.tistory.com/entry/WordPress-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EC%A1%B0-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0#entry22comment</comments>
      <pubDate>Mon, 11 Nov 2024 09:00:09 +0900</pubDate>
    </item>
    <item>
      <title>호스팅이란? 호스팅과 서버 알아보기</title>
      <link>https://onbstudio.tistory.com/entry/%ED%98%B8%EC%8A%A4%ED%8C%85%EC%9D%B4%EB%9E%80-%ED%98%B8%EC%8A%A4%ED%8C%85%EA%B3%BC-%EC%84%9C%EB%B2%84-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;호스팅(Hosting)&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;웹사이트를&amp;nbsp;구축하기&amp;nbsp;위해서는&amp;nbsp;사이트를&amp;nbsp;구축할&amp;nbsp;컴퓨터(서버)가&amp;nbsp;필요합니다.&amp;nbsp;하지만&amp;nbsp;사이트를&amp;nbsp;한개&amp;nbsp;구축하기&amp;nbsp;위해&amp;nbsp;서버를&amp;nbsp;구비하는&amp;nbsp;것은&amp;nbsp;매우&amp;nbsp;비효율적인&amp;nbsp;일이죠.&amp;nbsp;그래서&amp;nbsp;서버를&amp;nbsp;전문적으로&amp;nbsp;취급하는&amp;nbsp;업체로부터&amp;nbsp;성능&amp;nbsp;일부를&amp;nbsp;빌리는&amp;nbsp;것이&amp;nbsp;바로&amp;nbsp;호스팅(Hosting)입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;호스팅 장점&lt;/b&gt;&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;유연함&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;컴퓨터를 한번 사게 되면 따로 부품을 바꾸지 않는 이상 스펙을 바꿀 방법이 없습니다. 하지만 호스팅은 기존의 서버에서 성능 일부를 빌리는 것이기 때문에 필요에 따라 스펙을 더 좋게 하거나 축소할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;인프라&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;서버와 네트워크를 주력으로 하는 업체의 인프라를 고스란히 이용할 수 있습니다. 24시간 냉방이 가동되는 물리적인 환경, 최적화된 서버와 네트워크 등을 직접 구축하지 않아도 이용할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;보안&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대부분의 호스팅 서비스에는 SSL, 방화벽, DDos 보호 등의 보안 서비스가 포함되어 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;편의성&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;phpmyadmin, 웹 ftp, 자동 백업 및 복원 등 여러 편의 기능이 포함되어 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;추천 호스팅 서비스&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;AWS&lt;/b&gt;(LightSail, EC2) : 확장성, 자유도가 높은 웹 호스팅입니다. 또한 글로벌 서비스이기 때문에 서버의 리전(지역)이 다양합니다. 하지만 높은 조작 난이도와 유료 고객 지원으로 인해 전문 인력이 필요합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;카페24&lt;/b&gt;(매니지드 워드프레스) : 설정 난이도가 낮고 편의 기능이 잘 되어 있습니다. 고객지원 역시 잘 되어 있기에 비전문가가 다루기 용이합니다. 단, 확장성과 자유도는 제한되어 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;ON:WordPress&lt;/b&gt; : ONBStudio에서 제공하는 호스팅 서비스로, 모든 호스팅 관련 작업을 대행해서 처리해드리기에 편의성이 좋습니다. 단, 서버가 해외에 있기에 최초 로딩 속도는 느릴 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;만약 블로그 같이 콘텐츠가 자주 업데이트 되는 것이 아닌 포트폴리오, 회사소개 등의 사이트를 준비하고 계시다면 모든 호스팅, 도메인 작업을 대신해서 처리해주는 ON:WordPress 서비스를 이용해보시는 것을 추천드립니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a title=&quot;ON:WordPress&quot; href=&quot;https://onbsite.com/product/onwordpress-%ED%98%B8%EC%8A%A4%ED%8C%85%EA%B5%AC%EC%B6%95%EC%9C%A0%EC%A7%80%EB%B3%B4%EC%88%98/12/category/43/display/1/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;ON:WordPress 상세페이지&amp;nbsp;&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>WEB/HOSTING</category>
      <category>서버</category>
      <category>추천 호스팅</category>
      <category>호스팅</category>
      <category>호스팅 장점</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/21</guid>
      <comments>https://onbstudio.tistory.com/entry/%ED%98%B8%EC%8A%A4%ED%8C%85%EC%9D%B4%EB%9E%80-%ED%98%B8%EC%8A%A4%ED%8C%85%EA%B3%BC-%EC%84%9C%EB%B2%84-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0#entry21comment</comments>
      <pubDate>Mon, 7 Oct 2024 11:32:53 +0900</pubDate>
    </item>
    <item>
      <title>도메인(Domain)이란? 도메인 종류와 구매</title>
      <link>https://onbstudio.tistory.com/entry/%EB%8F%84%EB%A9%94%EC%9D%B8Domain%EC%9D%B4%EB%9E%80-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%A2%85%EB%A5%98%EC%99%80-%EA%B5%AC%EB%A7%A4-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt; &lt;span&gt;도메인(Domain)&lt;/span&gt; &lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;도메인은 사람들이 기억하기 쉬운 방식으로 만들어진 인터넷 주소입니다. 우리가 경도와 위도라는 좌표가 있음에도 도로명 주소를 사용하는 것과 비슷합니다. GPS 좌표 대신 도로명 주소를 사용하는 것만으로도 우리는 해당 위치가 어느 동네에 있는지 대략적으로 알 수 있고 기억하기도 훨씬 수월합니다. 도메인이 바로 인터넷 상의 도로명 주소같은 역할을 수행하는 것이라고 볼 수 있습니다. 인터넷에 있는 모든 컴퓨터는 IP 주소를 가지고 있습니다. 하지만 IP 주소는 사람이 이해하고 기억하기 쉬운 주소체계가 아닙니다. 그렇기 때문에 우리는 onbstudio.com과 같은 도메인을 IP와 매칭시켜 사용합니다. 그리고 이 도메인을 통해 회사 혹은 서비스명, 조직 유형(회사, 협회, 정부기관 등), 활동 내용 등을 대략적으로 알 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt; &lt;span&gt;도메인 종류&lt;/span&gt; &lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;도메인은 약 1600가지 종류를 가지고 있습니다. 이중에서도 전세계적으로 사용되는 주 도메인을 몇가지 소개해드립니다.&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;.com : company에서 유래된 도메인으로 가장 일반적이고 보편적으로 사용되는 도메인입니다.&lt;/li&gt;
&lt;li&gt;.net : network에서 유래된 도메인으로 com과 마찬가지로 보편적으로 사용되는 도메인입니다.&lt;/li&gt;
&lt;li&gt;.org : organization에서 유래된 도메인으로 보통 기관에서 사용되는 도메인입니다.&lt;/li&gt;
&lt;li&gt;.info : information에서 유래된 도메인으로 보통 정보 제공용 사이트에서 사용됩니다.&lt;/li&gt;
&lt;li&gt;.kr : 국제 표준에 의해 지정된 대한민국 국민을 위한 도메인입니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;이 외에도 수많은 도메인이 있는데, 이 중에서도 .com 도메인을 확보하는 것이 가장 중요합니다. 사람들에게 가장 익숙한 도메인이라는 것은 무의식적으로 .com 주소로 접속할 수도 있다는 것입니다. 이점을 노려 악의적으로 .com 주소를 사용할 수도 있으며 훗날 .com 도메인을 확보하기 위해 고액의 비용을 지불하거나 법정 분쟁으로 이어지는 경우도 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt; &lt;span&gt;도메인 구매하기&lt;/span&gt; &lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;도메인을 이용하기 위해서는 업체를 통해 구매를 해야 하며 매년 유지비용을 지불해야 합니다. 도메인 구매가 가능한 업체는 크게 3가지 유형로 구분됩니다. &lt;br /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt; &lt;span&gt;.kr 공식 등록대행사&lt;/span&gt; &lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;한국인터넷진흥원에서 지정한 .kr 도메인을 등록할수 있는 업체입니다.&lt;br /&gt;&lt;/span&gt; &lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;가비아&lt;/li&gt;
&lt;li&gt;반값도메인&lt;/li&gt;
&lt;li&gt;닷네임코리아&lt;/li&gt;
&lt;li&gt;메일플러그&lt;/li&gt;
&lt;li&gt;호스팅케이알&lt;/li&gt;
&lt;li&gt;미리내닷컴&lt;/li&gt;
&lt;li&gt;블루웹&lt;/li&gt;
&lt;li&gt;비아웹&lt;/li&gt;
&lt;li&gt;아사달&lt;/li&gt;
&lt;li&gt;아이네임즈&lt;/li&gt;
&lt;li&gt;이호스트IDC&lt;/li&gt;
&lt;li&gt;코리아서버호스팅&lt;/li&gt;
&lt;li&gt;싼도메인&lt;/li&gt;
&lt;li&gt;도레지&lt;/li&gt;
&lt;li&gt;한국전자인증&lt;/li&gt;
&lt;li&gt;호스트센터&lt;/li&gt;
&lt;li&gt;후이즈&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt; &lt;span&gt;그 외 등록 대행사&lt;/span&gt; &lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;해외 도메인 등록대행사 혹은 다른 도메인 업체의 협조를 받아 도메인을 등록하는 업체입니다.&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;GoDaddy&lt;/li&gt;
&lt;li&gt;카페24&lt;/li&gt;
&lt;li&gt;Cloudflare&lt;/li&gt;
&lt;li&gt;AWS&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt; &lt;span&gt;호스팅 구매 가능 여부&lt;/span&gt; &lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;도메인 뿐만 아니라 호스팅 서비스도 구매 가능한 업체입니다. 비용을 고려하면 도메인과 호스팅을 다른 업체에서 구매하는 것이 나을 수 있습니다. 하지만 지출 관리와 연동의 편의성을 위해 호스팅과 도메인을 같은 업체에서 구매하는 경우도 많습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;&amp;lsquo;호스팅(Hosting)&amp;rsquo; 알아보기 &amp;gt;&lt;/span&gt;&lt;/p&gt;</description>
      <category>WEB</category>
      <category>COM</category>
      <category>domain</category>
      <category>kr</category>
      <category>net</category>
      <category>도메인</category>
      <category>사이트</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/20</guid>
      <comments>https://onbstudio.tistory.com/entry/%EB%8F%84%EB%A9%94%EC%9D%B8Domain%EC%9D%B4%EB%9E%80-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%A2%85%EB%A5%98%EC%99%80-%EA%B5%AC%EB%A7%A4-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0#entry20comment</comments>
      <pubDate>Sun, 6 Oct 2024 17:11:52 +0900</pubDate>
    </item>
    <item>
      <title>[HTML/CSS] 글자 짤림 / 줄바꿈 규칙 정하기</title>
      <link>https://onbstudio.tistory.com/entry/HTMLCSS-%EA%B8%80%EC%9E%90-%EC%A7%A4%EB%A6%BC-%EC%A4%84%EB%B0%94%EA%BF%88-%EA%B7%9C%EC%B9%99-%EC%A0%95%ED%95%98%EA%B8%B0</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #781b33;&quot;&gt;글자 단위/단어 단위로 줄바꿈 설정하기&lt;/span&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사이트에서 줄바꿈 되는 단위가 글자로 되어 있으면 가독성이 불편할 뿐만 아니라, 미적으로 신경쓰이게 됩니다. 때문에 단어 단위로 줄바꿈을 하는 것이 권장됩니다. 주로 'keep-all' 혹은 'break-word' 방식을 사용합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;HTML/CSS 코드&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;CSS 속성&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;word-break : 텍스트가 줄 끝에 도달할 때 단어를 자르는 방식을 지정합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;CSS 값&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;normal : 디폴트(Default) 줄 바꿈 규칙을 사용합니다. 영역 밖으로 단어가 튀어(overflow)나올 수 있습니다.&lt;/li&gt;
&lt;li&gt;break-all : 텍스트가 영역 밖으로 튀어 나오는 것을 방지합니다. 글자 단위로 줄 바꿈이 이뤄집니다.&lt;/li&gt;
&lt;li&gt;keep-all : 한/중/일 텍스트에 대해서는 줄을 바꿀 때 단어를 자르지 않습니다. 한/중/일 텍스트가 아닌 경우 'normal'과 동일하게 동작합니다.&lt;/li&gt;
&lt;li&gt;break-word : 영역 밖으로 텍스트가 튀어나오는 것을 방지하기 위해, 단어 중간에서 줄바꿈이 이뤄질 수 있습니다.&lt;/li&gt;
&lt;li&gt;initial : 디폴트(Default) 줄 바꿈 규칙을 적용합니다.&lt;/li&gt;
&lt;li&gt;inherit : 부모 요소의 줄 바꿈 규칙이 적용됩니다.&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;실제 CSS 코드&lt;/b&gt;&lt;/p&gt;
&lt;pre id=&quot;code_1657156894654&quot; class=&quot;css&quot; data-ke-language=&quot;css&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre {
    word-break: keep-all;
}&lt;/code&gt;&lt;/pre&gt;</description>
      <category>WEB/WORDPRESS</category>
      <category>break-all</category>
      <category>break-word</category>
      <category>css</category>
      <category>html</category>
      <category>normal</category>
      <category>word-break</category>
      <category>줄바꿈</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/17</guid>
      <comments>https://onbstudio.tistory.com/entry/HTMLCSS-%EA%B8%80%EC%9E%90-%EC%A7%A4%EB%A6%BC-%EC%A4%84%EB%B0%94%EA%BF%88-%EA%B7%9C%EC%B9%99-%EC%A0%95%ED%95%98%EA%B8%B0#entry17comment</comments>
      <pubDate>Thu, 7 Jul 2022 11:10:50 +0900</pubDate>
    </item>
    <item>
      <title>웹 디자인이 여러분의 사업에 미치는 영향</title>
      <link>https://onbstudio.tistory.com/entry/%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%B4-%EC%97%AC%EB%9F%AC%EB%B6%84%EC%9D%98-%EC%82%AC%EC%97%85%EC%97%90-%EB%AF%B8%EC%B9%98%EB%8A%94-%EC%98%81%ED%96%A5</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #781b33; font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;웹 디자인과 UI/UX가 사업에 주는 긍정적인 효과&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;평소에 음식점을 많이 찾아보시지는 않으신가요? 기왕이면 특색 없이 밋밋한 곳보다는 사진찍기 좋은, 분위기 좋은 곳으로 가고 싶진 않으신가요? 이러한 현상은 잠재 고객이 여러분의 사업을 찾을 때에도 동일합니다. 고객 입장에서 기왕이면 형식상으로만 존재하는 사이트보다는 디자인이 정말 멋진 사이트에 눈길을 줄 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;온라인으로 모든 정보가 공유되는 요즘, 웹사이트는 잠재 고객들에게 제품과 서비스를 어필하고 소통하며 접점을 만드는 중요한 브랜딩 수단입니다. 단 5만원이면 비 전공자도 할 수 있는 가장 쉬운 방법이기도 합니다. 하지만 기업과 제품, 서비스에 대한 첫 인상을 남겨주는 디자인이 별로라면, 고객은 일말의 고민 없이 다른 곳을 알아볼 것입니다. 그렇기 때문에 웹 디자인, UI/UX가 중요한 것이죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇다면 고객들의 눈길을 사로잡고 좀 더 우리의 제품과 서비스에 몰입할 수 있게 하는 좋은 디자인, 좋은 웹사이트란 무엇일까요? 단순히 그래픽의 아름다움만으로는 부족합니다. 웹사이트는 고객들에게 미적인 감동을 주는 곳이 아닌, 사업을 홍보하는 곳이기 때문입니다. 웹사이트는 기업의 이미지를 간접적으로 보여주며 제품과 서비스를 홍보해야 하는데요. 그래서 고객이 쉽게 이해하고 사용할 수 있는 인터페이스를 사용하고 사이트를 탐색하는 동선 등 사용자의 입장을 고려하여 설계되어야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;레스토랑을 운영하는 것과 비슷하다고 볼 수 있을텐데요. 단순히 아름다운 그림과 소품이 많이 전시된 식당이 좋은 식당이라 할 수 있을까요? 입구에서 자리까지의 동선, 스태프와 손님들의 동선, 익숙한 집기들, 공간에 맞는 테이블 갯수와 배치, 화장실의 청결함, 읽기 쉬운 메뉴, 레스토랑의 본분에 맞는 맛있는 음식까지. 손님이 대접받는다는 느낌을 주는 곳이야 말로 좋은 레스토랑이라 할 수 있을 것입니다. 이렇게 사용자들의 입장을 고려하는 것을 '사용자 경험(UX. User Experience)라 하는데요. 세상 모든 곳에 통용되는 개념이며, 웹사이트 디자인에도 고려되어야 하는 요소입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;브랜드의 컨셉에 맞는 디자인, 따로 설명하지 않아도 직관적으로 이해가 가능한 인터페이스(UI. User Interface), 나를 정말 대접/배려 해준다는 느낌을 주는 경험까지. 이렇게 디자인된 웹사이트는 다음과 같은 이점을 줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;AdobeStock_225820140.jpeg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1285&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bJV7iR/btrF77D8PBa/reUYxASlX1N8Qqw9BDfIG1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bJV7iR/btrF77D8PBa/reUYxASlX1N8Qqw9BDfIG1/img.jpg&quot; data-alt=&quot;기업/제품/서비스에 대한 첫 인상을 결정짓는 웹 디자인&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bJV7iR/btrF77D8PBa/reUYxASlX1N8Qqw9BDfIG1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbJV7iR%2FbtrF77D8PBa%2FreUYxASlX1N8Qqw9BDfIG1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;전반적인 분위기&amp;amp;#44; 사소한 요소&amp;amp;#44; 효과&amp;amp;#44; 배치 등 복합적인 요소가 반영된 웹 디자인&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;1285&quot; data-filename=&quot;AdobeStock_225820140.jpeg&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1285&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;기업/제품/서비스에 대한 첫 인상을 결정짓는 웹 디자인&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;웹 디자인이 중요한 이유 3가지&lt;/b&gt;&lt;b&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;전환율 향상&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;소비자는 온라인에서 정보를 탐색하고 소비 대상을 찾습니다. 수많은 경쟁업체들과 경쟁해야 하는 것이 현실인데요. 좋은 웹사이트를 갖고 있다면 경쟁에서 우위를 점할 수 있습니다. 특히 사용자 경험이 반영된 디자인의 경우 전환율을 400%까지 상승시킬 수 있다고 합니다.(출처: &lt;a title=&quot;좋은 UX 디자인이 더 나은 비즈니스를 의미하는 이유&quot; href=&quot;https://www.forbes.com/sites/forbesagencycouncil/2017/03/23/the-bottom-line-why-good-ux-design-means-better-business/?sh=f5598623960a&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Forbes - The Bottom Line: Why Good UX Design Means Better Business&lt;/a&gt;)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;전환율을 높이기 위해서는 단계를 최소화할 필요가 있습니다. 구매로 이어지기까지의 노력이 적을수록 소비를 이끌어내기 용이하다는 것인데요. 대표적인 예로 쿠팡의 '&lt;a title=&quot;쿠팡 원터치 결제 보도자료&quot; href=&quot;https://news.coupang.com/archives/401&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;원터치 결제&lt;/a&gt;'가 있습니다. 예전에는 온라인에서 물건을 구매한다는 것은 각종 프로그램(Active X, 금융 및 보안 프로그램 등)을 설치하고 결제 정보를 기입하는 등의 번거로운 과정을 거쳤는데요. 이러한 과정들을 터치 한번으로 단축시킨 것이죠. 이러한 혁신이 아니더라도 소비자의 행동을 제한하는 것도 하나의 좋은 방법입니다. 보통 CTA(Call to Action)이라 부르는데요. 사용자의 반응을 유도하는 행위나 요소를 사용하는 것이죠. '더 자세한 정보가 궁금하다면 이곳을 클릭해보세요' 같은 평범한 문장 보다는 '지금 구매', '쿠폰 받기' 같은 간결하고 명확한 단어들을 사용하는 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;고객의 접근성 향상(SEO)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;잘 디자인된 웹사이트는 검색 결과의 순위 향상을 기대할 수 있게 합니다. 일반적으로 검색 순위를 높여 노출을 더 잘되게끔 광고비를 사용하는데요. 이러한 전략은 스타트업이나 중소기업 입장에서는 시행하기 부담스러울 것입니다. 하지만 훌륭한 디자인을 가진 웹사이트는 이러한 부담을 덜 수 있는데요. 사이트에 방문하는 유저 수가 적더라더라도, 클릭률(CTR. Click-Through Rate), 참여시간 등이 좋다면 검색 엔진에서 사이트의 순위를 향상시켜 줍니다. 검색엔진의 최종 목표는 사용자들에게 원하는 정보를 찾아주는 것입니다. 사이트에 방문하는 사람이 적더라도 사용자들을 만족시켰다는 결과가 나온다면 언제든지 순위를 향상시켜줄 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;경쟁 우위 향상&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사람들은 본능적으로 아름다운 것에 끌리게 됩니다. 웹 디자인의 중요성을 인지하고 있는 것은 경쟁자들 역시 마찬가지인데요. 때문에 경쟁자들은 이미 멋진 웹 디자인을 활용하고 있을 가능성이 매우 높습니다. 만약 사이트가 없거나 구식이라면 상대적으로 경쟁 우위에서 밀릴 수 밖에 없습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;b&gt;웹 디자인의 중요성&lt;/b&gt;&lt;br /&gt;- 전환율 상승&lt;br /&gt;- SEO 향상&lt;br /&gt;- 경쟁 우위 향상&lt;/blockquote&gt;</description>
      <category>디자인/WEB DESIGN</category>
      <category>SEO</category>
      <category>UI/UX</category>
      <category>web design</category>
      <category>브랜딩</category>
      <category>웹 디자인</category>
      <category>웹사이트</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/16</guid>
      <comments>https://onbstudio.tistory.com/entry/%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%B4-%EC%97%AC%EB%9F%AC%EB%B6%84%EC%9D%98-%EC%82%AC%EC%97%85%EC%97%90-%EB%AF%B8%EC%B9%98%EB%8A%94-%EC%98%81%ED%96%A5#entry16comment</comments>
      <pubDate>Thu, 30 Jun 2022 11:16:38 +0900</pubDate>
    </item>
    <item>
      <title>(Web Design) 미니멀리즘이 웹 디자인에 미친 영향</title>
      <link>https://onbstudio.tistory.com/entry/Web-Design-%EB%AF%B8%EB%8B%88%EB%A9%80%EB%A6%AC%EC%A6%98%EC%9D%B4-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%90-%EB%AF%B8%EC%B9%9C-%EC%98%81%ED%96%A5</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #781b33; font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;미니멀리즘을 웹 디자인에 활용하기 위한 방법과 사례 분석&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;삶의 방식으로서 미니멀리즘은 필요한 만큼만 갖는 것을 의미합니다. 밖으로 나가기 전에 오늘은 뭘 입어야 할까 항상 고민하지 않으시나요? 미니멀리즘 라이프스타일은 내 생활 패턴에 맞는 최소한 옷만을 갖추기 때문에 이런 고민할 필요가 없어집니다. 오늘 하루는 뭘 입어야 할지, 오늘 패션은 괜찮은지, 내일은 또 뭘 입어야 할지 고민할 시간에, 미니멀리즘 라이프스타일은 우리에게 중요한 무언가에 좀 더 집중할 수 있게 해 줍니다. 불필요한 것을 버림으로써 좀 더 근본적이고 본질적인 무언가에 초점을 맞추는 것 그것이 미니멀리즘이 추구하는 가치이죠.&amp;nbsp; 그리고 이는 웹 디자인에도 큰 영향을 주었습니다. 서로 다른 콘텐츠로 구성된 풍성한 디자인을 심플하게 바꿈으로써 브랜드가 추구하는 가치와 메시지를 직접적으로 전달하는 것이죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하지만 막상 디자인 시안을 기획하다보면 이것도 넣고 싶고 저것도 넣고 싶어 집니다. 지금까지 쌓아온 안목이 있고, 디자인이 브랜딩에 얼마나 큰 영향력을 갖는지를 이해한다면 더 좋은 걸 추구할 수밖에 없기 때문이죠. 물론 반드시 필요한 요소라고 한다면 전부 넣어도 좋습니다. 미니멀리즘이란 필요한 요소들을 빼는 것이 아니라 불필요한 요소들을 제거하는 것이기 때문입니다. 하지만 실제로 만들어서 사람들의 반응이 보기 전까지는 불필요한 요소인지 아닌지 판별하기란 쉽지 않은데요. 그럼 미니멀리즘을 웹 디자인에 적용하기 위한 원칙과 사례를 살펴보도록 하겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;미니멀리즘 디자인의 원칙 4가지&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;1. 단 하나만을 최상단에 배치하기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;음식점에서 메뉴판을 유심히 본 적이 있으신가요? 몇가지 선택지가 있는 경우, 추천/인기 품목이 제일 앞에 와 있는 경우가 많습니다. 처음 음식점을 방문하거나 오늘 뭘 먹어야 할지 고민하는 손님에게 먼저 음식을 제안하여 선택에 대한 부담과 스트레스를 줄여주는 것이죠. 이는 미니멀리즘 디자인에서도 동일하게 적용됩니다. 사업을 대표하는 제품과 서비스가 있다면, 아마 웹 사이트를 방문하는 사람들 대부분은 그 제품과 서비스에 대한 정보를 얻으려고 방문하는 경우가 많을 것입니다. 다른 상품/서비스로 유도하고 싶은 마음이 굴뚝같겠지만, 사용자의 니즈를 먼저 충족시키는 것이 먼저라는 점을 인지해야 합니다. 스크롤링을 하지 않은 사이트의 첫 화면에는 단 하나의 핵심 콘텐츠가 잘 드러나게끔 해보세요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;2. 정보 구분하기&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;각각의 요소가 갖는 목적과 의미를 정확하게 이해해야 합니다. 예를 들어 단지 기업을 소개하는 사이트를 만든다고 가정해보겠습니다. 회사가 추구하는 가치, 이루고자 하는 목표, 제공하고 있는 서비스/제품 등이 사이트에 소개될 것입니다. 그런데 여기에 회원 기능이 추가되면 어떨까요? 회원 기능을 통해 충성 고객과의 더 끈끈한 유대감을 쌓고, 회원 정보를 기반으로 빅데이터를 구축하고. 의미를 부여하자면 끝이 없습니다. 온라인 서비스를 위한 사이트라면 회원 기능이 추가되는 것이 좋을 것입니다.(서비스 유형에 따라 다름) 하지만 '회사를 소개한다'라는 목적을 가진 사이트에서는 불필요한 기능이죠. 이렇게 자신이 사용할 각 요소에 대해 보다 정확히 이해하고 이 차이점을 구분하는 것이 중요합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;3. 명확하게 만들기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;콘텐츠는 가급적이면 간결하고 명확하게 보여지게끔 준비해주세요. 구구절절한 설명과 복잡한 레이아웃은 브랜드가 추구하는 가치와 메시지로 가야할 시선을 분산시킬 뿐입니다. 간단한 문장으로 회원가입, 구매에 대한 유도 문을 작성하고 버튼을 적절하게 활용해보세요. 서비스와 제품은 장점을 텍스트로 나열하기보단 제품의 특징과 타 제품과의 차별성이 잘 들어나는 고화질의 사진과 키워드로 표현하는 것이 좋습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;4. 리소스 제한하기&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;색상, 폰트 등 디자인 리소스는 제한하여 사용하세요. 브랜드를 떠올리게 하는 단 하나의 색상과 폰트 그리고 통일된 콘텐츠의 크기는 디자인에 통일성을 줍니다. 디자인의 통일성은 유저들에게 편안함과 안정감을 주기 때문에, 콘텐츠를 효과적으로 전달할 수 있습니다. 마케팅에 자주 사용되는 단어 중에는 '톤앤매너'가 있습니다. 톤앤매너란 색상, 레이아웃,컨셉 등을 일관되게 사용하여 사람들이 브랜드에 대해 어떻게 느끼게 할지를 정의하는 방법론입니다. 시각적인 콘텐츠가 중요한 웹 디자인에서도 톤앤매너는 똑같이 동작합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;미니멀리즘 웹 디자인 사례&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1900&quot; data-origin-height=&quot;934&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cinzVy/btrDQfeBzEm/uT1CHvIPm2F5DbIkg9pbQk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cinzVy/btrDQfeBzEm/uT1CHvIPm2F5DbIkg9pbQk/img.png&quot; data-alt=&quot;미니멀리즘을 적극 활용하는 IT 선두 기업 'Apple'&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cinzVy/btrDQfeBzEm/uT1CHvIPm2F5DbIkg9pbQk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcinzVy%2FbtrDQfeBzEm%2FuT1CHvIPm2F5DbIkg9pbQk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;큰 사진&amp;amp;#44; 핵심 키워드 만을 사용한 Apple의 홈페이지&quot; loading=&quot;lazy&quot; width=&quot;1900&quot; height=&quot;934&quot; data-origin-width=&quot;1900&quot; data-origin-height=&quot;934&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;미니멀리즘을 적극 활용하는 IT 선두 기업 'Apple'&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://www.apple.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;Apple 웹사이트&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;애플은 미니멀리즘을 적극적으로 활용하는 것으로 잘 알려져 있습니다. 로고에서는 다양한 색과 입체적 디자인을 사용하다가도 화려함을 배제한 채, 한 입 베어문 사과 아이콘에 초점을 맞추어 리뉴얼하기도 했죠. 제품의 외형뿐만 아니라 그 안에 들어가는 UX, UI에도 미니멀리즘을 적극 사용하여, 사용자가 제품을 직관적으로 이해하고 사용하기 쉽게 만들었습니다. 이러한 애플의 미니멀리즘 사랑은 웹 사이트에서도 나타나는데요. 전반적으로 제품 사진들을 크게 배치하고, 핵심 키워드와 최소한의 문장만을 사용하는 것이 눈에 띕니다. 특히 홈페이지에 접속하면 아이폰 13 프로가 제일 먼저 눈에 띄게끔 사이트 최상단에 배치시켰으며, 검은색을 주로 사용하며 고급스러움과 통일성을 부여한 것이 특징입니다. 회사 규모와 다양한 제품 라인 그리고 서비스 때문에 헤더(Header)와 푸터(Footer) 영역은 다소 복잡하게 느껴질 수 있지만, 콘텐츠 영역에서는 미니멀리즘이 잘 느껴지는 것 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;우리는 복잡한 것이 아니라 단순한 것을 믿습니다.&lt;br /&gt;&lt;i&gt;&amp;lt;Tim Cook, Apple&amp;gt;&lt;/i&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1903&quot; data-origin-height=&quot;956&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rFrQ9/btrDPV8uVQH/mXPwFuPAvhjTOi7Qz5umsK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rFrQ9/btrDPV8uVQH/mXPwFuPAvhjTOi7Qz5umsK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rFrQ9/btrDPV8uVQH/mXPwFuPAvhjTOi7Qz5umsK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FrFrQ9%2FbtrDPV8uVQH%2FmXPwFuPAvhjTOi7Qz5umsK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1903&quot; height=&quot;956&quot; data-origin-width=&quot;1903&quot; data-origin-height=&quot;956&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a title=&quot;미니멀리즘이 잘 드러난 Nuka 웹사이트&quot; href=&quot;https://nuka.me/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;Nuka 원페이지 웹사이트&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Nuka는 영원한 차세대 노트를 만드는 스타트업입니다. Nuka는 원페이지 방식을 사용하여 웹사이트를 구축했습니다. 노트를 홍보한다는 목적이 잘 들어나게끔 마치 실제 사이즈의 제품을 보는 듯 노트 제품을 크게 배치한 것이 눈에 띄는데요. 스크롤을 내리다 보면 텍스트 위주의 설명서가 없어도 사용법을 알 수 있을 정도로 이미지와 키워드를 직관적으로 배치한 것이 특징입니다. 회사 소개는 단 한 줄로만 표현하고 제품 소개에 집중한 모습이 미니멀리즘을 가장 잘 활용한 사례라 생각됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;1900&quot; data-origin-height=&quot;954&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c42SaD/btrDSzQG5Hb/SrZktjHqY6KPkypX3zVhFk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c42SaD/btrDSzQG5Hb/SrZktjHqY6KPkypX3zVhFk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c42SaD/btrDSzQG5Hb/SrZktjHqY6KPkypX3zVhFk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc42SaD%2FbtrDSzQG5Hb%2FSrZktjHqY6KPkypX3zVhFk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1900&quot; height=&quot;954&quot; data-origin-width=&quot;1900&quot; data-origin-height=&quot;954&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a title=&quot;미니멀리즘으로 주력 상품과 자사 스토리를 담은 Ecoist의 홈페이지&quot; href=&quot;https://www.ecoistcars.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;b&gt;Ecoist 원페이지 웹사이트&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Ecoist사의 Tian은 전기 삼륜차로, 원페이지 방식으로 사이트가 구성되어 있습니다. 강렬한 녹색을 메인 색상으로 한 디자인이 눈길을 사로잡습니다. 스크롤을 내리더라도 불필요한 텍스트는 찾아볼 수 없으며 사진, 핵심 키워드, 필요한 정보만을 배치한 것이 특징입니다. 추가적인 내용이 필요한 곳에는 라이트박스(Lightbox), 토글(Toggle), 외부 링크를 활용하여 심플한 콘셉트를 잘 유지시켰습니다.&amp;nbsp; '친환경'을 모토로 하기 때문인지, 어떻게 이 사업을 시작하게 되었는지 소개하는 부분도 있는데요. 충분히 공감할 수 있는 스토리를 담고 있고, 조직도나 과장되거나 반복된 문구가 없기 때문인지 들어가야 할 내용이 들어갔다는 느낌을 줍니다. 필요한 부분을 빼는 게 아닌 불필요한 부분을 뺀다는 미니멀리즘의 핵심을 적절히 잘 활용한 사례인 것 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 미니멀리즘 웹 디자인 원칙과 사례를 알아봤는데요. 제공하는 상품과 서비스가 한정적일 때 미니멀리즘 디자인이 좀 더 효과적인 것 같습니다. N포탈이나 서로 다른 콘텐츠를 한 눈에 볼 수 있는 웹 디자인을 통해, 여러 사진과 글로 꽉 찬 화면이 익숙하게 느껴질 수도 있는데요. 익숙한 디자인을 제공하기 위해 무리하게 콘텐츠를 확장하거나 반복해서 사용하기보다는 미니멀리즘 디자인으로 표현해보는 건 어떠신가요?&lt;/p&gt;</description>
      <category>디자인/WEB DESIGN</category>
      <category>UI/UX</category>
      <category>미니멀리즘</category>
      <category>브랜딩</category>
      <category>웹디자인</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/15</guid>
      <comments>https://onbstudio.tistory.com/entry/Web-Design-%EB%AF%B8%EB%8B%88%EB%A9%80%EB%A6%AC%EC%A6%98%EC%9D%B4-%EC%9B%B9-%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%90-%EB%AF%B8%EC%B9%9C-%EC%98%81%ED%96%A5#entry15comment</comments>
      <pubDate>Mon, 6 Jun 2022 09:00:09 +0900</pubDate>
    </item>
    <item>
      <title>(Logo) Apple 로고에 신념과 트렌드를 담다</title>
      <link>https://onbstudio.tistory.com/entry/Logo-Apple-%EB%A1%9C%EA%B3%A0%EC%97%90-%EC%8B%A0%EB%85%90%EA%B3%BC-%ED%8A%B8%EB%A0%8C%EB%93%9C%EB%A5%BC-%EB%8B%B4%EB%8B%A4</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #781b33;&quot;&gt;&lt;b&gt;Apple 로고의 변천사와 숨겨진 의미&lt;/b&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;애플은 심플하고 심미적인 하드웨어 디자인으로 IT업계를 선도하는 기업입니다. 제품의 외형뿐만 아니라 내부까지 '미(美)'적으로 신경 쓰기로 유명한데요. 이렇게 디테일한 부분까지 완벽함을 보여주려 하는 노력은 브랜딩에도 적용됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;브랜딩에서 가장 중요한 것 중 하나는 다방면에서 일관된 감각, 경험을 느끼게 하는 것입니다. 그런 점에서 애플은 '혁신'과 '완벽'이란 키워드를 꾸준하게 사용자들에게 제공하고 있죠. 그리고 이렇게 사용자들이 일관된 감각, 경험을 느끼게 해주는 것이 애플이 높은 고객 충성도를 유지하는 비결이라고 합니다.&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇다면 회사의 아이덴티티를 직관적으로 보여주는 로고를 애플은 어떻게 다루고 있을까요? 가장 혁신적이고 트렌디하다고 평가받는 사과 모양 로고의 변천사와 그 안에 담긴 애플만의 가치를 지금 바로 알아보도록 하겠습니다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;Apple 로고의 변천사&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;468&quot; data-origin-height=&quot;469&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lmLT6/btrCwhLpynS/5A8VzYEOLqRls1XNV9BdbK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lmLT6/btrCwhLpynS/5A8VzYEOLqRls1XNV9BdbK/img.png&quot; data-alt=&quot;아이작 뉴턴과 사과 이야기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lmLT6/btrCwhLpynS/5A8VzYEOLqRls1XNV9BdbK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlmLT6%2FbtrCwhLpynS%2F5A8VzYEOLqRls1XNV9BdbK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; alt=&quot;아이작 뉴턴과 사과 이야기를 로고로&quot; loading=&quot;lazy&quot; width=&quot;200&quot; height=&quot;200&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;468&quot; data-origin-height=&quot;469&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;아이작 뉴턴과 사과 이야기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;최초의 애플 로고(1976)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;애플의 첫 로고는 애플 공동 설립자 Donald Wayne가 만유인력의 법칙을 발견한 아이작 뉴턴을 기리기 위해 엠뷸럼 형태로 디자인했습니다. 로고라기보다는 삽화에 가까운 이 로고는 '사과' 로고의 아이디어 시초가 되었지만 복잡도가 높고 난해했습니다. 보다 직관적인 디자인으로 브랜드의 인지도를 강화시키는 로고의 목적에는 부합하지 않았죠. 좀 더 명확한 디자인을 원했던 애플은 1년 채 안되어 새로운 로고를 만들기로 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;306&quot; data-origin-height=&quot;307&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/p7btV/btrCvYywMPM/qJzV1sRVvPXlhEvQuGjJQ0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/p7btV/btrCvYywMPM/qJzV1sRVvPXlhEvQuGjJQ0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/p7btV/btrCvYywMPM/qJzV1sRVvPXlhEvQuGjJQ0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fp7btV%2FbtrCvYywMPM%2FqJzV1sRVvPXlhEvQuGjJQ0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;199&quot; height=&quot;200&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;306&quot; data-origin-height=&quot;307&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;무지개 사과 로고(1976-1998)&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;리뉴얼한 초기 디자인은 온전한 사과였지만, 체리와 구분이 안된다는 Steve Jobs 의견으로 한 입 베어문 사과로 바뀌게 됩니다. 무지개 색에 대해서는 명확한 이유가 밝혀진 바가 없지만, 최초의 컬러 모니터 가정용 PC를 출시했던 애플의 스토리와 연관 지었다는 것이 가장 유력한 이유로 여겨집니다. 무지개 컬러 로고는 약 22년간 애플의 브랜드 아이덴티티였으며, 이후 컬러와 디테일한 스타일은 바뀌지만 심플한 사과 모양은 유지되었습니다. 초기 로고와 비교해보면 '사과'라는 똑같은 아이디어로 어떻게 다양하게 표현될 수 있는지, 또 심플함이 얼마나 사람들에게 깊은 인상을 주는 좋은 로고를 만들 수 있는지 엿볼 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;373&quot; data-origin-height=&quot;373&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/exkYwa/btrCw9F3ZmE/K0ApBCop6G3Uw1JHYf9cE0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/exkYwa/btrCw9F3ZmE/K0ApBCop6G3Uw1JHYf9cE0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/exkYwa/btrCw9F3ZmE/K0ApBCop6G3Uw1JHYf9cE0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FexkYwa%2FbtrCw9F3ZmE%2FK0ApBCop6G3Uw1JHYf9cE0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;200&quot; height=&quot;200&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;373&quot; data-origin-height=&quot;373&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;흑백 로고(1998-2000)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자신이 설립한 회사에서 쫓겨났던 Steve Jobs는 1997년 12년만에 애플에 다시 합류했습니다. 그가 돌아온 후 가장 먼저 한 일은 회사의 브랜딩을 다시 하는 것이었죠. 화면으로 컬러를 보는 것이 당연시된 시대이기에 무지개색은 더 이상 혁신을 나타내지 않았습니다. 이때 Jobs는 Apple 컴퓨터에 메탈릭 케이스를 사용하며 외장재에 혁신적인 디자인 철학을 담기 시작했는데요. 이와 더불어 기존 무지개 색 로고는 새로운 iMac에 어울리는 단색의 모노크롬 로고로 대체되었습니다. 무지개 로고도 충분히 심플하고 임팩트가 있었지만 메탈릭 트렌드에 따라 더 심플하게 만든 이 선택은 세계에서 가장 사랑받는 로고를 만들었죠.&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;477&quot; data-origin-height=&quot;478&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/loFXJ/btrCxFdE4tF/KjNGfQ0NAAznbXKUu94Mk1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/loFXJ/btrCxFdE4tF/KjNGfQ0NAAznbXKUu94Mk1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/loFXJ/btrCxFdE4tF/KjNGfQ0NAAznbXKUu94Mk1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FloFXJ%2FbtrCxFdE4tF%2FKjNGfQ0NAAznbXKUu94Mk1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;161&quot; height=&quot;478&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;477&quot; data-origin-height=&quot;478&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;383&quot; data-origin-height=&quot;383&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bm7bq4/btrCvYFghDG/NFgP9r9gMpCKKXEukX5kwk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bm7bq4/btrCvYFghDG/NFgP9r9gMpCKKXEukX5kwk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bm7bq4/btrCvYFghDG/NFgP9r9gMpCKKXEukX5kwk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbm7bq4%2FbtrCvYFghDG%2FNFgP9r9gMpCKKXEukX5kwk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;160&quot; height=&quot;383&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;383&quot; data-origin-height=&quot;383&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;아쿠아 로고(2000-2007)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아쿠아 로고는 그라데이션 음영으로 &lt;span&gt;세련미와 스타일을 더한 유리 재질이 느껴지는 디자인을 뜻합니다. 애플은 은색과 크롬 2가지 버전으로 제작하여 은색은 하드웨어 제품에, 크롬은 소프트웨어 제품에 사용했습니다. 이렇게 두 가지 버전의 로고를 사용할 수 있었던 이유는 사과 모양만으로도 자신들의 아이덴티티를 나타낸다는 확신이 있었기 때문인데요. 이렇게 자신들의 고유한 아이덴티티는 유지하며 로고가 사용되는 환경에 보다 적합한 디자인을 제공한 것이죠. 인쇄물에서 보이는 로고, 자신들의 하드웨어 제품에 들어갈 로고 등 여러 환경에서 사용자에게 좀 더 잘 보일 수 있는 로고를 선택적으로 사용하기 위함이었던 것이죠.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;352&quot; data-origin-height=&quot;352&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bVz0ou/btrCuVbeYi6/Ap8kfFqhxqejCDUgAnUgh0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bVz0ou/btrCuVbeYi6/Ap8kfFqhxqejCDUgAnUgh0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bVz0ou/btrCuVbeYi6/Ap8kfFqhxqejCDUgAnUgh0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbVz0ou%2FbtrCuVbeYi6%2FAp8kfFqhxqejCDUgAnUgh0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;200&quot; height=&quot;200&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;352&quot; data-origin-height=&quot;352&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;크롬 로고(2007-2014)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2007년 리뉴얼된 크롬 스타일의 로고는 터치 스크린을 가진 아이폰을 대변하는 디자인입니다. 초기 아이폰의 앱 아이콘들을 기억하시나요? 현재는 플랫 형태의 심플한 디자인이 대세이지만 초기에는 그라데이션, 그림자, 사실주의에 기반한 디자인이 주를 이루었습니다. 당시 스크린에 고객들을 적응시키기 위해 수많은 IT 기업들이 스큐어모피즘 디자인을 사용했는데요. 스큐어모피즘 디자인이란 물리적으로 존재하는 사물을 반영한 현실적인 디자인입니다. 애플은 단순히 앱 아이콘에만 시대의 트렌드를 적용시킬 뿐만 아니라 로고에도 적용시킨 것이었죠.&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style1&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock floatRight&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;445&quot; data-origin-height=&quot;446&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/biPm65/btrCyYKAkea/L1JNyOtOuGh0ND5NMQY9kK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/biPm65/btrCyYKAkea/L1JNyOtOuGh0ND5NMQY9kK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/biPm65/btrCyYKAkea/L1JNyOtOuGh0ND5NMQY9kK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbiPm65%2FbtrCyYKAkea%2FL1JNyOtOuGh0ND5NMQY9kK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;200&quot; height=&quot;200&quot; data-filename=&quot;blob&quot; data-origin-width=&quot;445&quot; data-origin-height=&quot;446&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;미니멀 로고(2014-현재)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;현재 애플에서 사용되는 미니멀 로고는 모든 스타일을 제거하고 1998년 흑백 로고처럼 단순한 형태로 돌아갔습니다. 다만, 환경에 따라 화이트, 그레이, 블랙 등 단색의 모노톤을 사용하고 있죠. 브랜드에 부여한 온갖 좋은 가치관과 아이디어를 시각적인 방식으로 계속 덧붙이다보면 복잡도가 높고 설명이 필요한 로고가 되곤 합니다. Less is More(적을수록 좋다)라는 모더니즘 디자인의 명언이 있습니다. 완전함이란 더 이상 뺄 것이 없다는 것에서 온다는 디자인 철학을 애플은 용감하게 제품과 브랜딩에 적용했습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;회사의 아이덴티티를 디자인으로 표현한다는 로고의 목적을 완벽하게 부합시키며, '단순함', '혁신'이란 자신만의 가치를 담았습니다. 시대의 흐름에 맞게, 제품의 혁신에 발맞추어 로고를 리디자인 하는 애플의 모습 속에서 자신의 로고가 고객들에게 사랑받는 법에 대한 영감을 얻기를 바라겠습니다.&lt;/p&gt;</description>
      <category>디자인/LOGO&amp;amp;ICON</category>
      <category>Apple</category>
      <category>Steve Jobs</category>
      <category>로고</category>
      <category>로고 변천사</category>
      <category>미니멀리즘</category>
      <category>브랜딩</category>
      <category>스티브 잡스</category>
      <category>애플</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/14</guid>
      <comments>https://onbstudio.tistory.com/entry/Logo-Apple-%EB%A1%9C%EA%B3%A0%EC%97%90-%EC%8B%A0%EB%85%90%EA%B3%BC-%ED%8A%B8%EB%A0%8C%EB%93%9C%EB%A5%BC-%EB%8B%B4%EB%8B%A4#entry14comment</comments>
      <pubDate>Thu, 19 May 2022 09:00:50 +0900</pubDate>
    </item>
    <item>
      <title>온라인 마케팅의 종류와 중요성 알아보기</title>
      <link>https://onbstudio.tistory.com/entry/%EC%98%A8%EB%9D%BC%EC%9D%B8-%EB%A7%88%EC%BC%80%ED%8C%85%EC%9D%98-%EC%A2%85%EB%A5%98%EC%99%80-%EC%A4%91%EC%9A%94%EC%84%B1-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0</link>
      <description>&lt;h2 data-ke-size=&quot;size26&quot;&gt;&lt;span style=&quot;color: #781b33; font-family: 'Noto Sans Demilight', 'Noto Sans KR';&quot;&gt;온라인 마케팅이 중요한 이유 3가지와 전략 7가지&lt;/span&gt;&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;온라인 마케팅(Online Marketing)은 디지털 마케팅(Digital Marketing)이라고도 불리며, 컴퓨터와 주변 기기들 그리고 온라인 기반의 디지털 기술을 사용하는 마케팅을 의미합니다. 스마트폰 보급과 더불어 다양한 전자기기들이 일상에서 사용되고 있는데요. 때문에 많은 사람들이 자기 직전까지 혹은 자는 순간에도 인터넷과 연결되어 있습니다. 이렇게 여러분의 주 고객과 잠재 고객이 온라인에서 활동하고 있고, 이를 인지하고 있는 여러분의 경쟁사 역시 온라인 마케팅에 적극적으로 참여하고 있을 텐데요. 때문에 온라인에서 시행되는 마케팅이 사업의 생존과 성공 여부를 결정짓는다고 해도 과언이 아닐 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그렇다면 온라인 마케팅을 시행했을 때 얻는 이점으로는 무엇이 있을까요? 기존의 오프라인(전통적인) 마케팅 방식과의 차이점과 함께 알아보도록 하겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;온라인 마케팅과 오프라인(전통) 마케팅의 차이&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;광범위한 범위와 접근성&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;온라인의 특징처럼 오프라인에 비해 광고의 범위가 더 광범위하며, 잠재 고객에게 제품 혹은 서비스를 더 쉽게 노출시키기 용이합니다. 만약 어떤 물건을 판매한다고 했을 때 오프라인 마케팅을 진행한다면 매대를 설치하고 소리 높여 광고하거나 전단지를 돌리는 등의 활동을 할 것입니다. 그렇다면 마케팅의 범위는 인근 지역 혹은 반경 3Km 정도가 될 것입니다. 반면에 온라인 마케팅으로 어떤 물건을 판매한다면 지역과 관계없이 '해당 상품이 필요한 회원/비회원'이 그 대상이 될 수 있을 것입니다. 단순히 물리적인 위치에 의해 범위가 제한되는 것이 아니기에 마케팅의 영향이 광범위하게 적용됩니다. 또한 언제든지 인터넷만 접속된다면 잠재 고객이 검색을 통해 접근할 수 있죠.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;비용 효율성&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;letter-spacing: 0px;&quot;&gt;신문/텔레비전과 같은 전통 마케팅 방식보다 비용을 효율적으로 사용할 수 있습니다. 비용에 대한 진입장벽이 없기 때문에 0원으로도 마케팅을 시작할 수 있습니다. 또한 사업의 규모가 커진다면 전통 마케팅 못지 않은 고비용으로도 광고를 진행할 수 있죠. 사업의 상황에 맞게 마케팅의 규모를 유연하게 정할 수 있다는 점에서 비용에 대한 부담이 적습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;전략적 운용&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;온라인에서 진행하는 마케팅은 프로그램을 통해 정보를 보다 쉽게 습득할 수 있으며, 이를 전략적으로 사용할 수 있습니다. 유저의 유입 경로, 지역, 연령, 성별, 접속 시간 등 다양한 정보를 IP 혹은 등록된 회원 정보를 통해 수집할 수 있습니다. 가장 잘 알려져 있으며 보편적으로 사용되는 프로그램으로는 Google Analytics가 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;&lt;b&gt;온라인 마케팅의 중요성&lt;/b&gt;&lt;br /&gt;- 광범위한 영향력&lt;br /&gt;- 전략적/효율적인 활동 비용&lt;br /&gt;- 자료 수집의 용이함과 자료의 전략적 사용 가능&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 중요한 온라인 마케팅은 7가지 대표적인 전략으로 구분됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;대표적인 온라인 마케팅 전략 7가지&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;소셜 미디어 마케팅(SNS)&lt;/li&gt;
&lt;li&gt;SEO&lt;/li&gt;
&lt;li&gt;검색 결과 광고&lt;/li&gt;
&lt;li&gt;컨텐츠 마케팅&lt;/li&gt;
&lt;li&gt;PPC&lt;/li&gt;
&lt;li&gt;제휴 마케팅&lt;/li&gt;
&lt;li&gt;이메일 마케팅&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;소셜 미디어 마케팅&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;수많은 사람들이 시간과 상관없이 자주 방문하는 소셜 미디어는 고객에게 다가갈 수 있는 효과적인 마케팅 수단입니다. 또한 잠재고객을 손쉽게 만날 수 있습니다. SNS에 꼭 광고하진 않더라도 피드를 통해 콘텐츠를 효과적으로 전달할 수 있습니다. 또한 브랜드의 이미지를 보다 직관적으로 구축할 수 있는 강력한 브랜딩 도구이기도 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SNS의 특성상 이용자들의 눈을 사로잡아야 하기 때문에 컨텐츠의 디자인, 한눈에 들어오는 간결한 글, 등이 주요 요소로 손꼽히고 있습니다. 다만 시대에 따라 주류가 되는 SNS 플랫폼이 달라지기 때문에 발 빠르게 트렌드에 따라가는 것이 중요합니다. 또한 수많은 피드가 업로드되기 때문에 콘텐츠의 휘발성이 강력한데요. 때문에 주요 타겟층이 SNS를 사용하는 시간대, 지역, 키워드를 파악하는 것이 중요한 역량으로 여겨집니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;검색엔진 최적화 SEO(Search Engine Organization)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사업을 대표하는 특정 키워드의 검색 순위를 향상시켜 매출 증대와 같은 마케팅 효과를 얻는 온라인 마케팅 전략입니다. 키워드의 전략적 사용과 해당 키워드를 사용한 높은 가치의 콘텐츠가 핵심 성공 요소로 여겨집니다. 각각의 검색 포털마다 서로 다른 검색 로직을 보유하고 있으나, 일반적으로 전 세계적으로 90% 이상의 시장 점유율을 차지하고 있는 Google에서의 최적화 작업을 SEO라고 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;백링크, 트래픽 등 다양한 방법론이 존재하지만 결과적으로 '컨텐츠'가 핵심 요소임에 반대하는 SEO 전문가는 아무도 없습니다. 여러 SEO 방법론은 Google의 검색 순위 판단 기준에서 멀어지면 무용지물이 될 수 있지만, 콘텐츠가 가진 고유한 가치는 불변하고, 가치 있는 콘텐츠가 존재해야 링크를 구축하고 자연 유입 트래픽을 발생시키기 용이하기 때문입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;SEO의 핵심은 Google의 가이드라인에 맞게 전략을 세워야 합니다. 그렇지 않으면 사이트와 컨텐츠는 페널티 조치를 받아 검색 결과에서 퇴출당할 수 있기 때문입니다. Google에는 전 세계에서 내로라하는 전문가들이 모여있는 곳입니다. 이러한 Google의 눈을 피해 편법을 이용하여 검색 순위를 높이기보다는 정공법으로 가는 것이 보다 안전하고 효과적으로 검색 순위를 높일 수 있습니다. 하지만 여러 변수 때문에 효과를 보기까지 비교적 시간이 오래 걸리고, 대부분의 검색 엔진이 그러하듯 경고 혹은 페널티 조치를 하더라도 그 자세한 원인에 대해서는 알려주지 않기에 끊임없이 가설을 세우고 적용해보며 조정하는 기간을 길게 잡아야 합니다. 대표적인 SEO 도구로는 Moz, Majestic, Google Search Console, Google Lighthouse 등이 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://developers.google.com/search/docs?hl=ko&quot;&gt;Google 공식 SEO 가이드 문서&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;검색결과 광고&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;검색 광고는 사용자들이 특정 키워드를 입력했을 때 검색 결과 상단 혹은 특정 위치에 브랜드 혹은 상품이 노출될 수 있게 하는 광고 방법입니다. 검색 광고는 각 플랫폼, 배너에 따라 비용이 달라지며 가격 경쟁, 구독 등 다양한 방식으로 운영됩니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;온라인 마케팅 키워드 검색 광고.png&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;617&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Aoizz/btrApmA7EOM/WMK2JlKncLlpwhxWcyRFZK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Aoizz/btrApmA7EOM/WMK2JlKncLlpwhxWcyRFZK/img.png&quot; data-alt=&quot;G사, N사 검색 결과 광고&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Aoizz/btrApmA7EOM/WMK2JlKncLlpwhxWcyRFZK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAoizz%2FbtrApmA7EOM%2FWMK2JlKncLlpwhxWcyRFZK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;617&quot; data-filename=&quot;온라인 마케팅 키워드 검색 광고.png&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;617&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;G사, N사 검색 결과 광고&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;콘텐츠 마케팅&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;깊이 있는 정보를 제공하는 콘텐츠는 시간이 지나도 그 가치가 보존됩니다. 또한 가치 있는 콘텐츠는 여러 사이트에 참고 자료로 언급되며, 사이트의 가치를 높여주는 링크가 구축될 가능성이 높습니다. 대표적인 전략으로는 전문성 있는 자체 콘텐츠, 주요 정보를 한눈에 파악할 수 있는 인포그래픽 등이 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;PPC(Pay Per Click)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;PPC 온라인 마케팅 방식은 말 그대로 사용자가 클릭한 수 만큼 광고주로부터 수익을 얻는 방식을 의미합니다. 광고주의 입장에서는 비용이 부담될 수 있지만, 그만큼의 트래픽과 실적을 얻을 수 있는 장점이 있습니다. 블로그, 뉴스 등의 사이트에서 흔히 볼 수 있는 광고 배너가 대표적인 사례입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;제휴 마케팅&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제휴 사이트에서 마케팅 공급사의 사이트로 트래픽을 발생시키거나 제품/서비스로 수입을 발생시켰을 때 수입의 일정 부분을 제휴 사이트의 소유자에게 제공하는 온라인 마케팅 기법입니다. 대표적인 예로 쿠팡 파트너스, 텐핑 등이 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;이메일 마케팅&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이메일은 구시대적인 것으로 느껴지지만, 여전히 이메일은 소통하기 쉬우며 매너 있는 소통 창구로 여겨집니다. 단순히 무차별적으로 메일을 발송하는 것은 일차원적인 마케팅 방법이며, 오히려 스팸으로 여겨져 브랜드 인지도를 악화시킬 수 있습니다. 때문에 메일 수신자가 유익한 정보 획득과 같은 이점을, 발신자는 정보를 제공하는 대신 브랜드의 인지도를 향상하거나 특정 상품/서비스를 홍보하는 윈윈 전략을 수립하여야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이러한 이메일 마케팅 기법은 회원을 대상으로 하는 이메일 구독이 있으며, 저명한 사이트의 링크를 받기 위해 유용한 정보를 제공하기 위한 소통 창구 등으로도 이용될 수 있습니다.&amp;nbsp;&lt;/p&gt;</description>
      <category>브랜딩과 마케팅</category>
      <category>PPC</category>
      <category>SEO</category>
      <category>검색결과광고</category>
      <category>디지털마케팅</category>
      <category>브랜딩</category>
      <category>소셜미디어마케팅</category>
      <category>온라인마케팅</category>
      <category>이메일마케팅</category>
      <category>제휴마케팅</category>
      <category>컨텐츠마케팅</category>
      <author>ONB Studio</author>
      <guid isPermaLink="true">https://onbstudio.tistory.com/12</guid>
      <comments>https://onbstudio.tistory.com/entry/%EC%98%A8%EB%9D%BC%EC%9D%B8-%EB%A7%88%EC%BC%80%ED%8C%85%EC%9D%98-%EC%A2%85%EB%A5%98%EC%99%80-%EC%A4%91%EC%9A%94%EC%84%B1-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0#entry12comment</comments>
      <pubDate>Mon, 2 May 2022 09:00:34 +0900</pubDate>
    </item>
  </channel>
</rss>