러닝 자바스크립트 스터디 자료 - 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%가 포인트로 적립되는 방식입니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 3. 리터널과 변수, 상수, 데이터 타입

CHAPTER3 은 데이터에 관한 내용들이었는데, 많은 부분들이 개념정도만을 이야기하고 나머지는 뒤에서 자세하게 설명한다고 생략되어있는 부분들이 많았다.
이번 포스팅에서도 간단하게 개념들만 정리하고 추후에 다시 언급하는 방법을 취하겠다.

변수와 상수

  • 변수 : 언제든지 변할 수 있는 값
  • 상수 : 한번 할당한 값을 바꿀 수는 없다.

변수 선언시 초기값을 할당하지 않으면 암묵적으로 undefined를 할당한다.
let, const 키워드는 ES6에서 새로 생겼다.
상수 이름에는 보통 대문자와 밑줄만을 사용하는데 절대적이지는 않다.

러닝 자바스크립트 스터디 자료 - CHAPTER 2. 자바스크립트 개발 도구

CHAPTER 2. 자바스크립트 개발 도구에서는 제목 그대로 개발도구들에 대해서 설명하고 세팅하는 방법에 대해서 나와있었다. 책에있는 개발도구들을 정리해보면 아래와 같다.

  1. Git : 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템
  2. node.js : 확장성있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼
  3. npm(노드 패키지 매니저/Node Package Manage ) : 자바스트립트 프로그래밍 언어를 위한 패키지 관리자
  4. gulp : 반복작업을 자동화하는 빌드도구의 하나
  5. babel : ES6/ES7 코드를 ECMAScript5 코드로 트랜스파일링(transpiling) 하기 위한 도구
  6. ESlint : ES + Lint입니다. ES는 EcmaScript, 즉 자바스크립트를 의미. Lint는 보푸라기라는 뜻인데 프로그래밍 쪽에서는 에러가 있는 코드에 표시를 달아놓는 것을 의미. 자바스크립트 소스 코드가 코딩 규칭을 준수하는지 확인하기 위해 소프트웨어 개발에 사용되는 정적코드분석 도구

러닝 자바스크립트 스터디 자료 - CHAPTER 1. 첫 번째 애플리케이션

이 포스팅은 시리즈는 러닝 자바스크립트 스터디를 하면서 개인적으로 정리의 필요성을 느끼고 정리를 위해 나만의 방법으로 정리해 놓은 포스팅입니다.
저작권 문제가 발생시에 수정 될 수 있으며 해당 책없이는 의미가 없는 포스트 입니다. 책은 꼭 구매해서 봅시다. ^^

hexo 블로그에 테마 적용하기 - icarus테마

hexo를 이용해서 github블로그를 만들었습니다. 이제는 나만의 색깔을 입혀볼 테마를 적용해 보겠습니다.
블로그 세팅 방법은 지난 블로그를 참고하면 좋을것 같습니다. ^^

hexo블로그에 테마를 입히는 방법은 사실 아주 간단 합니다.
git을 이용하여 clone만 해주면 됩니다. 하지만 테마들마다 사용방법이나 설정법이 약간씩 다르고 자신의 색깔에 맞게
커스텀을 하려고 한다면 점점 복잡해 집니다.
테마마다 설정방법이 다르기 때문에 이번 포스팅에서는 제가 적용한 icarus테마를 기준으로 설명하겠습니다.

Hexo 배포 원리에 따른 백업 방법

Hexo를 이용해서 블로그를 만들고 관리 하다보니 문제점을 하나 발견했다.
바로 백업에 관한 문제인데 Hexo 블로그는 Github에 repository를 통해 구성되어 있으니
다른 곳에서 작업할때 그것을 clone해서 수정하면 된다고 생각했다.

그러나 다른 곳에서 clone을 해보고는 문제가 있음을 알수 있었다.
라이브되는 repository에 올라가는건 public 폴더의 내용이라 실제로 작업한 것은 올라가지 않는다는 것을 말이다.

그래서 해결책으로 별도의 repository 하나를 생성하여 별도로 백업을 하기로 했는데
이 방법도 문제가 있었다. Hexo의 테마들을 각자의 git을 가지고 있어서
git 안에 git이 있어 재대로 관리가 되어지지 않았다.

그래서 검색을 통해 알아보다가 git의 서브모듈(submodule)을 이용해서 백업 하기로 했다.

Hexo 블로그 Github를 이용해 만들어보기

블로그를 만들고 꾸미다 보니 나같은 사탐들이 많을 거라는 생각에서
Hexo를 이용해 Github 블로그 세팅 하는 방법들을 처음부터 하나씩 보고자 한다.

Hexo

Hexo는 Node.js 기반의 정적 사이트 생성기(Static site generator)이다.
Hexo 공식 사이트에서는 빠르고 간단하고 파워풀한 블로그 프레임워크라고 소개하고 있다.
npm을 통해 쉽게 설치가 가능하고 배포역시 쉽게 가능한 것이 장점이다.
한글문서로도 잘 정리가 되어있으니 참고 하길 바랍니다. Hexo 한글 튜토리얼

설치 전 준비

Github를 이용하여 Hexo 블로그를 세팅 하려고 하기때문에

위의 구성요소들의 사전 설치가 필요하다. 위에 설치 방법들은 이번 포스팅에서는 따로 언급하지 않고 공식사이트로의 링크들만 걸어 놓겠습니다.

Your browser is out-of-date!

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

×