전체 보기42 [#검색] 웹 사이트, 블로그를 bing 검색에 등록하기 검색 노출은 구글, 네이버, 다음이면 충분하지만.. bing 검색은 구글 서치 콘솔과 연동되어 클릭 한번이면 바로 연동되므로 bing에도 등록해보자 1. bing 웹 마스터 접속 https://www.bing.com/webmaster/home/mysites Bing - 웹 마스터 도구 모바일 지원 Bing 모바일 지원 수준 확인 도구로 사이트가 모바일을 지원하는지 확인할 수 있습니다. www.bing.com 이때 구글 아이디로 로그인 해주자 2. 구글 서치 콘솔에서 가져오기 선택 로그인이 완료되면 아래와 같은 화면이 뜨는데 구글 서치 콘솔에서 가져오기를 누르면 바로 bing 검색도 연동된다. 구글 서치 콘솔에 이미 사이트를 등록했다면, 30초안에 연동이 완료된다. 이외에 다른 검색 등록은 아래 포스팅에서.. 2020. 3. 23. [#검색] 웹 사이트, 블로그를 다음 검색에 등록하기 다음 검색 엔진에 사이트를 등록하는 방법에 대해서 알아보자. 단 티스토리의 경우, 다음카카오 소유이기 때문에 만들기만해도 기본적으로 검색에 노출되므로 따로 등록해줄 필요가 없다. 1. 다음 검색 등록 접속 https://register.search.daum.net/searchForm.daum?act=insert Daum - 검색등록 Daum 검색등록 사이트, 글과 지도/지역 정보 검색등록을 무료로 등록하실 수 있으며, 언제든 정보보완 수정이 가능합니다. 등록 후에는 Daum 검색결과에 노출되어 수많은 네티즌들이 방문하게 됩니다. 신규등록하기 조회하기 register.search.daum.net 에 접속해 다음 로그인 후 사이트, 지역, 블로그 중 하나를 선택하고 주소를 입력한다. 2. 사이트 정보 기입 .. 2020. 3. 23. [#검색] 웹 사이트, 블로그를 네이버 검색에 등록하기 이전에 구글 검색 엔진에 내 사이트 또는 블로그를 등록해 검색 노출시키는 방법에 대해서 알아봤다. 마찬가지로 네이버 검색 엔진에도 사이트를 등록하는 방법에 대해서 알아보자. 3분만 시간 투자를 하면 쉽게 등록할 수 있다. 1. 네이버 서치 어드바이저 접속 https://searchadvisor.naver.com 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 에 접속해서 네이버 로그인 후 우측 상단의 웹 마스터 도구를 선택한다. 2. 사이트 등록 그리고 사이트 등록 입력창에 본인 소유의 웹 사이트 또는 블로그 주소를 입력한다. 3. 소유 확인 그러면 아래 처럼 소유확인 페이지가 뜨는데, [HTML 태그] 선택 후 태그를 복사해 .. 2020. 3. 23. [#검색] 웹 사이트, 블로그를 구글 검색에 등록하기 웹 사이트나 티스토리를 만들었으면 검색 엔진에 등록해 사용자들이 검색을 통해 내 사이트로 들어오게 해야한다. 이를 포기하고 검색엔진 사이트 등록 없이 순수 홍보만으로 방문자 수를 늘리기란 정말 쉽지 않다. 등록하는 과정 자체는 그리 어렵지 않으니 그대로 따라해보자 1. 구글 서치 콘솔 접속 아래 링크로 들어가 구글 아이디로 로그인한다. https://search.google.com/search-console Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 2. 도메인 또는 URL 소유권 등록 로그인을 완료하면 .. 2020. 3. 23. [#블로그] Angular Universal And Ionic https://ionicframework.com/blog/ssr-with-angular-universal-and-ionic 2020. 3. 23. [#angular] scully로 SPA를 기존 방식의 여러 스태틱 파일로 쪼개기 Angular의 가장 큰 장점이자 단점이라고 볼 수 있는 SPA(Single Page Application) 특성에 대해서 사용자 입장에서 생각해보자.(개발 관점은 말할 것도 없이 기존 js, html, css 방식보다 생산성, 재사용성이 비교도 할 수 없을 정도로 좋아졌으니 논외) 장점은 로딩만 되면 이후부턴 네이티브 앱과 거의 비슷한 성능을 기대할 수 있다. 단점은 첫 로딩이 느리고, 검색에 노출되기 힘들다는 점이다. 첫 로딩이 느리다는 말은 처음에 전체 어플리케이션 동작에 필요한 js, css, html 덩어리를 한번에 받아와야하므로 초기 로딩에 시간이 많이 걸린다는 뜻이고, 검색에 노출되기 힘들다라는 말은 SEO(Search Engine Optimization) 이슈, 쉽게 말해 Agnular의 .. 2020. 3. 23. [#angular] 프로젝트 생성, 실행하기 1. Angular란? Angular는 구글에서 개발한 SPA(Single Page Application) 자바스크립트 프레임워크이다. 웹, 모바일 웹, 하이브리드 앱, 데스크탑까지 프론트 개발에 필요한 거의 모든 기능을 갖추고 있다. Angular에서는 typescript 언어로 컴포넌트 단위로 개발이 가능하며, 이를 통해 재사용성을 극대화 시킨 대규모 어플리케이션 개발에 최적화된 프레임워크이다. 참고로 브라우저에서 typescript를 직접 지원하진 않아 빌드 후 js, css, html 파일을 만들고 이를 서빙 하는 형태이다. 그리고 첫 로딩에는 웹/앱 구동에 필요한 웹팩으로 묶여진 js, css 파일을 받아야 하므로 속도가 느리지만 로딩이 된 이후부턴 속도가 빠른 특징을 가지고 있다. 자세한 Fe.. 2020. 3. 22. [#ionic] 프로젝트 설치, 생성 및 실행 방법 1. ionic 소개 ionic을 사용하면 Angular + Typescript로 웹, Android, iOS 하이브리드 앱을 모두 만들 수 있다. (참고로 내부적으로는 Apache Cordova 를 사용하고 있다.) 하나의 코드로 여러 플랫폼의 앱을 동시에 출시할 수 있어 비용 절감을 엄청나게 할 수 있으니 네이티브 기능이 필요하지 않은 대부분의 마이크로 서비스에서는 이를 적극적으로 활용하는 것이 유리하다. 자세한 소개는 https://ionicframework.com/docs/intro 에서 확인할 수 있다. What is Ionic Framework? - Ionic Documentation Ionic is the app platform for web developers. Build amazing m.. 2020. 3. 22. [#github] 트래픽/용량 걱정없는 무료 웹 호스팅하기 예전에 웹 호스팅에서 일 200MB에 월 500원짜리 호스팅 서버가 많이 보였었다. 월 500원 수준이면 거의 공짜나 다름없긴 했지만 트래픽 초과시 서비스가 불가능하거나 추가 트래픽 비용을 내는 경우가 많았었고, 요즘 성행하는 클라우드 서버의 경우, 최소 월 몇 천원은 내야 작은 서비스를 서비스할 수 있다. 근데 자세히 보면 마이크로 서비스의 트래픽은 스태틱 파일(js, html, css)이 90%이상 차지하는 경우가 많다. 곧 스태틱 파일을 공짜인데 안심할 수 있고, 속도도 빠른 = gitbub 에서 제공해준다면? 서버코드도 github로 관리하는 요즘, 스태틱 파일 repo를 분리하는 아주 조금의 귀찮음이 있을 지 몰라도 비용, 안정성 측면에서 안쓸이유가 전혀 없다. 개인적으로 개인 포트폴리오나 단순.. 2020. 3. 22. [#github] jsdelivr CDN 서버 무료로 사용하기 CDN 서버란? CDN(Content Delivery Network)의 약자. 어느 한 서버에 있는 파일들을 글로벌하게 서비스한다고 하면 여러 hop을 거쳐야해 전송 속도가 매우 느릴 수 밖에 없다. 그래서 서버 - 사용자 사이 어딘가에 캐시 서버를 두고 스태틱 파일(js, html, css, 이미지 등)들을 미리 서비스해 네트워크 hop을 줄여 트래픽 비용을 줄이고, 전송 속도를 높히는 서버를 CDN 서버라고 한다. 그런데 이 CDN 서버를 public github repository에 파일을 업로드만 하면 그대로 jsdelivr CDN 서버로 바로 사용할 수 있다. https://cdn.jsdelivr.net/gh/[사용자명]/[레포지토리명]/[파일경로] 예를들면 abcde 사용자가 myrepo 라는.. 2020. 3. 22. [#adsense] 웹 사이트/티스토리/블로그로 수익내기 (1/2) 자신이 운영하는 웹 사이트 혹은 블로그에 구글 애드센스 광고를 달아 수익을 낼 수 있다. 다른 여타 광고보다 단단하고 안정적인 수익을 받을 수 있어 대부분의 웹 사이트, 블로그에서 이를 사용한다. 앱(Android / iOS) 기반은 사용불가하다. 대신 구글 admob을 사용해야하는데 단가 또한 더 비싸니 안할 이유가 없다. 아래 과정을 그대로 따라하면 되니 잘 따라해보자 1. 구글 애드센스 가입하기 https://www.google.co.kr/intl/ko/adsense/start Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집.. 2020. 3. 21. [#잡담] 개발 일지 블로그 시작 개인적으로 혹은 회사에서 개발하면서 찾아서 정리해야하는 내용들이 꽤 많은데 이 참에 잘 정리해서 기록해둘 겸, 다른 분들도 이슈 해결에 도움될 수 있게끔 개발 블로그를 시작하려고 한다. 블로그 운영은 처음이라 큰 기대는 하지 않고 조금씩 단단하게 만들어보자 :) 2020. 3. 21. 이전 1 2 다음
