Wecode #day 11 (feat. 세션: Gatsby.js)

seonja kim·2020년 4월 4일
0
post-custom-banner

Property & Method in Javascript

Property

1. instance properties

인스턴스에 대해 알아보기 전, Object (객체)에 대해 알아보자.

객체의 사전적 의미는 '주체에 반대되는 말', '주체와 연관됨으로써 이 주체의 행위가 지향하는 것을 의미한다'

객체와 인스턴스의 연관성을 알기 위해서는 클래스라는 개념이 필요하다.

클래스 : 개념적 (음식)
객체 : 구체적 (된장, 고추장, 김치)

인스턴스란 클래스에서 정의된 속성과 성질을 가진 실제적인 객체로 표현된 것을 의미한다.

예를 들어 : 음식이라는 개념에서 한식(인스턴스)이라는 실제적인 객체를 가지게 되는 것

한식 {
된장 : 된장국, 된장찌게
고추장 : 떡볶이, 고추장 비빔밥
김치 : 김치전
}

2. static properties

static의 사전적 의미는 '고정된, 정지 상태의'
나중에 정리하기

Method


특이점 :
클래스 내부에 정의됨.
프로그래밍 언어에서 함수 (function)과 대응되는 개념. (객체의 상태와 속성 변경과 같은 작업을 수행할 수 있게 해줌)



세션 Gatsby.js

1. 개츠비 사용 이유 :

네이버 블로그의 경우 코드 작성과 검색이 어렵다.
검색 알고리즘에서 알고리즘에 따른 분류와 검색이 쉽다.



Gatsby 블로그 설치 순서

  1. 개츠비 테마 고르기
  • 사전준비 :

git과 npm (node package manager) 다운로드
Front end 개발자의 경우 npm 필수!

  • 명령어 :

sudo : 최고 권한으로 컴퓨터에게 실행을 강제(?)할 때 사용

npm install -g gatsby-cli : -g는 global을 의미, cli은 command line interface의 약자
git remote -v : git과 어떻게 연결되어 있는지 확인할 수 잇는 소스코드
C:\sourceCode\blog>git push origin master
C:\sourceCode\blog>git branch develop
C:\sourceCode\blog>git checkout develop
C:\sourceCode\blog> git push origin develop
C:\sourceCode\blog>yarn deploy

master branch :
develop branch : save and push the origin file

build : md file change to html file

localhost:8000 :
1. 블로그 작성 : content/post/filename.md

  • duplicate the

    draft : true - 임시저장!
    slug : 제목이랑 비슷하게 작성하면 됨

  1. develop branch 에 add commit push
  2. npm run deploy or yarn deploy

-나중에 정리하기

profile
Adventurer
post-custom-banner

0개의 댓글