꾸준함이 실력입니다.

• [인터넷편] ISP

  2018-08-27

  goodGid

  Network
  Read All

  ---

• Jekyll 블로그에 Google Analytics 사용하기

  2018-08-27

  goodGid

  Technology
  • Google Analytics란?
  • 작업과정
    • 1. Google Analytics 계정 생성
    • 2. 추적 ID 가져오기
    • 3. head.html 수정

  Google Analytics란?

  • 사이트에 소스코드를 입력해두면, Google Analytics 홈페이지에서 구글이 사용자 행태를 분석해 모아둔 데이터를 볼 수 있다.

  ---

  작업과정

  1. Google Analytics 계정 생성

  Google Analytics 접속해서 계정을 생성한다.

  ---

  2. 추적 ID 가져오기

  필요한 정보 기입 후 추적 ID 가져오기 버튼 클릭

  

  
  

  약관 동의 후 추적 ID를 저장한다.

  jekyll 템플릿이라면 기본적으로 _config.yml 파일이 있을 것이다.

  google_analytics_id: UA-1234-5678 // 자신의 추적 아이디 입력
  

  ---

  3. head.html 수정

  일반적으로 Jekyll 템플릿을 사용했다면 _includes 폴더에 head.html파일이 있을 것이다.

  그 파일의 상단 부분에 다음 코드를 입력해주게 되면 끝이다.

  아래 코드에서 [1]과 [2]의 기능은 같다.

  [1]은 _config.yml에 입력한 값을 참조하는 방식이고

  [2]는 바로 입력하는 방식이다.

  
  {% if site.google_analytics_id %}
      <script>
      // google analytics
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  
        ga('create', '{{site.google_analytics_id}}', 'auto'); // [1]
        ga('create', 'UA-1234-5678', 'auto'); // [2]
        ga('send', 'pageview');
  
      </script>
  {% endif %}
  
  

  
  

  만약 head.html에 코드를 넣지 않고 따로 파일로 관리하고 싶다면

  analytics.html과 같이 파일을 만든 후

  
  {% if site.google_analytics_id %}
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  
    ga('create', '{{site.google_analytics_id}}', 'auto');
    ga('create', 'UA-1234-5678', 'auto');
    ga('send', 'pageview');
  
  </script>
  {% endif %}
  
  
  

  추적하려는 글의 상단 부분에 위에 만든 analytics.html파일을 include 시켜준다.

  Read All

  ---

• 블로그에 SEO(Google,Naver) 적용하기

  2018-08-25

  goodGid

  Technology
  • SEO란?

  SEO란?

  • 검색 엔진 최적화 (Search Engine Optimization, SEO)는

    웹 페이지 검색 엔진이

    자료를 수집하고 순위를 매기는 방식에 맞게

    웹 페이지를 구성해서

    검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다.

  Read All

  ---

• [서비스 프로토콜편] 프록시 서버

  2018-08-24

  goodGid

  Network
  Read All

  ---

• [서비스 프로토콜편] NAT

  2018-08-24

  goodGid

  Network
  • NAT(Network Address Translation)

  NAT(Network Address Translation)

  • LAN에서 사용하는 Private IP 주소와 인터넷에서 이용하는 Global IP주소를 서로 변환하는 기술로 주로 라우터 등에 내장되어 있다.

  • 글로벌 IP 주소는 발행할 수 있는 수에 한계가 있어 주소 변환이라는 방법을 사용하여 인터넷에 액세스할 때만 글로벌 IP 주소로 변환할 필요가 생겼다.

  • NAT를 사용한 주소 변환은 패킷을 수정함으로써 이루어진다.
    통과하는 패킷을 감시하여 인터넷으로 가야할 패킷이 도착하면 그 패킷의 보내는 곳 IP주소를 NAT에서 관리하고 있는 글로벌 IP 주소로 바꿔 송출한다.
    이 때 변환하기 전 원래 프라이빗 IP를 기억해두고, 인터넷 측으로부터 도착한 패킷에 관해서는 받는 곳 IP 주소를 프라이빗 IP주소로 되돌려서 LAN 안으로 보낸다.

  • 이로써 내부에서는 프라이빗 IP주소를 사용하면서도 외부와의 통신에서는 자동으로 글로벌 IP 주소가 사용되는 것이다.

  • 이와 같은 구조로 되어 있기 때문에 NAT에 의한 주소 변환은 글로벌 IP와 프라이빗 IP주소가 1:1 대칭을 이룬다.
    그래서 소유하고 있는 글로벌 IP 주소의 수 이상으로는 동시에 인터넷 측과 통신할 수 없다.

  ---

  Read All

  ---

• [서비스 프로토콜편] DNS

  2018-08-24

  goodGid

  Network
  Read All

  ---