hexo 포스팅 스타일 설정하기

hexo를 통해 포스팅을 하다보니 테마커스텀에 대한 욕구가 스멀스멀 솟아올랐다. ㅎㅎㅎ;;
메인 이미지도 그리고 아이콘이나 위젯들의 위치도 이곳 저곳 옮겨보기도 하면서
나름 나만의 스타일로 하나씩 바꿔나가는 재미가 있었다.

아래 내용들은 현재 제가 사용하고 있는 icarus 테마를 기준으로 작성한것입니다.
다른 테마에서는 다른 방법이 있을 수 있습니다.

그렇게 블로그를 조금씩 꾸미고 여러가지 포스팅들도 올리고 하다가 한 가지 의문이 생겼다.
바로 포스트 리스트에서 사용하는 위젯들을 _config.yml 에서 설정으로 잡아 주었는데
포스트 상세페이지에서도 똑같이 노출이 되다보니 포스트 본문의 가로 넓이가 너무 적게 보인다는 점이었다.

러닝 자바스크립트 스터디 자료 - CHAPTER 8. 배열과 배열처리

배열의 기초

  • 배열은 객체와 달리 본질에서 순서가 있는 데이터 집합이며 0으로 시작하는 숫자형 인덱스를 사용합니다.
  • 자바스크립트의 배열은 비균질적입니다. 즉 한 배열의 요소가 모두 같은 데이터 타입일 필요는 없습니다. 배열은 다른 배열이나 객체도 포함 할 수 있습니다.
  • 배열 리터럴은 대괄호로 만들고, 배열 요소에 인덱스로 접근 할 때도 대괄호를 사용합니다.
  • 모든 배열에는 요소가 몇 개 있는지 나타내는 length 프로퍼티가 있습니다.
  • 배열에 배열 길이보다 큰 인덱스를 사용해서 요소를 할당하며 배열을 자동으로 그 인덱스에 맞게 늘어나며, 빈자리는 undefined로 채워집니다.
  • Array 생성자를 써서 배열을 만들수도 있습니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 7. 스코프

스코프는 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정합니다.

변수가 존재하지 않으면 그 변수는 스코프안에 ‘있지않음’을 직관적으로 알수 있다.
즉 아직 선언하지 않은 변수나 함수가 종료되면서 존재하지 않게 된 변수는 분명 스코프안에 ‘있지 않다’

스코프존재를 구별해야 한다.
가시성이라고도 불리는 스코프는 프로그램의 현재 실행 중인 부분, 즉 실행 컨텍스트에서 현재 보이고 접근 할 수 있는 식별자들을 말한다. 반면 존재한다는 말은 식별자가 메모리에 할당된 무언가를 가리키고 있다는 뜻이다.

러닝 자바스크립트 스터디 자료 - CHAPTER 6. 함수

함수(function)는 하나의 단위로 실행되는 문의 집합, 일종의 부속프로그램으로 볼 수도 있다.
함수를 호출 할 때는 이름 다음에 괄호를 쓴다.

반환값

함수 바디 안에 return키워드를 사용하면 함수를 즉시 종료하고 값을 반환한다.
return을 명시적으로 호출하지 안으면 반환값은 undefined가 됩니다.
함수는 어떤 타입의 값이라도 반환 할 수 있습니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 5. 표현식과 연산자

이번 챕터에서는 표현식과 연산자에 대해 알아보는 챕터였다. 실습보다는 이론적인 부분들이 많았다.

표현식

값으로 평가될 수 있는 문 즉 결과가 값인 문과, 표현식이 아닌 문의 차이를 이해한다.
표현식이 아닌 문은 일종의 지시라고 생각 할 수있고, 표현식은 무언가를 요청하는 것이라고 생각 할 수 있다.

표현식은 값이 된다. 그 결과를 다른 표현식에 결합해서 다른 값을 얻을 수 있다. 그 값을 또 다른 표현식에 결합해서 또 다른 값을 얻는 식으로 이어질 수 있다. 표현식이 아닌 문은 이런 식의 결합을 할 수 있다.

표현식은 값이 되므로 할당에 쓸 수 있다. 즉 표현식의 결과를 변수나 상수, 프로퍼티에 할당할 수 있습니다.

Disqus를 사용하여 댓글 기능 세팅하기

오늘은 블로그의 세팅중 한가지인 댓글 기능을 세팅하는 방법에 대해 포스팅해보겠습니다. 사실 hexo 테마들의 대부분은 여러 댓글 시스템들을 간편하게 세팅 할 수 있도록 되어있습니다.
그 중에 디스커스(Disqus)를 사용하여 댓글 기능을 세팅해보겠습니다.

디스커스(Disqus)란?

디스커스는 소셜 댓글 서비스의 하나입니다. 소셜 댓글 서비스란 소셜미디어(SNS)를 활용한 댓글 시스템으로 페이스북,트위터 와 같은 SNS와 연동해서 댓글을 달 수 있게 만들어 주는 서비스입니다. 소셜 댓글 서비스를 활용하여 댓글을 달면 동시에 해당 댓글이 자신이 연동한 SNS에도 발행이 됩니다.
별도의 댓글시스템을 구현할 필요없이 디스커스에서 제공하는 위젯을 설치함으로 사용 할 수 있는 것이 장점입니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 4. 제어문

이번챕터에서는 제어문에 대해서 나와 있었다. 제어문은 크게 조건문과 반복문으로 나눌 수 있다.
대표적으로 조건문에는 if…else 문,switch 문이 있고 반복문에는 for 문, while 문 등이 있다.
제어문을 시각적으로 나타내는 방법에는 순서도가 있다.

순서도

  • 순서도에서 마름모 모양은 예/아니오 인 결정이며 사각형은 행동입니다.
  • 시작과 끝은 원으로 나타냅니다.
  • 순서도를 프로그램으로 바꿀 때 중요한 것은 컴퓨터가 이해 할수 있는 말로 변환하는 것이다.

[VScode] VScode Extension - 확장프로그램 추천 및 설치방법

VScode는 비교적 가벼운 에디터 입니다. 기본적으로는 필수적인 기능들만을 제공 하고 있습니다.
대신 마켓플레이스(Marketplace)를 통해서 많은 확장프로그램(Extension)들을 설치하여 즉시 사용 할수 있습니다.
확장프로그램을 통해 보다 편리하게 코드를 작성 할 수 있습니다.
그 중에서 많이 사용하는 것들을 한번 알아보겠습니다.

확장프로그램 찾아보기

VScode 내에서 확장기능을 찾아서 설치할 수 있습니다. VScode를 실행하면 왼쪽에 여러가지 아이콘들이 있습니다.
그 중에 가장 아래에 있는 네모모양의 아이콘 또는 명령어(Ctrl+Shift+X)를 실행하여 확장프로그램들을 확인할 수 있습니다.

[VScode] Visual Studio Code에서 터미널을 git bash 기본으로 설정하기

Visual Studio Code(이하 VScode)에서 터미널을 같이 사용 할수 있습니다. 별도의 창으로 작업을 하면 비효율 적이기도 하고 탭을 계속해서 눌러주어야 하는 불편함을 감수해야 합니다.
VScode의 기본 터미널 사용값은 powershell입니다. 설정변경을 통해서 gitbash를 사용 할 수 있습니다.

git bash로 변경하는 방법

VScode를 실행해서 ctrl + , 를 눌러 설정에 들어갑니다.

설정 검색칸에 terminal.integrated.shell.windows를 입력합니다.

terminal.integrated.shell.windows 검색결과

쿠팡파트너스 Hexo 블로그에 등록하기

모든 블로거들의 목표중에 하나인 블로거를 통한 수익창출을 시도해 보았습니다.
물론 큰 기대는 하지 않습니다 ㅎㅎㅎ;;;
많은 광고 시스템중에서 오늘 해볼것은 간단하게 설치가 가능한 쿠팡 파트너스 입니다.

쿠팡 파트너스는 CPA 방식의 광고 시스템입니다.

CPA란?

Cost Per Action 의 줄임말입니다. 변역하자면 ‘행위 당 과금’ 방식입니다.
단순히 광고를 클릭하는 것으로 수익배분이 일어나는 것은 아니고 광고를 클릭해서 사이트로 접속하여 제품을 구매했을 때, 제품 구매가의 3%가 포인트로 적립되는 방식입니다.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×