React Hot Loader 설정법
react-hot-loader란? React Component에서 코드가 변경 되었을 때 view에서 local state가 사라지는데 코드가 변경 되어도 local state가 유지 되도록 도와주는 모듈 webpack.config.js 수정하기1234567891011121314// 변경 전module: { loaders: [
Archive: 2017/5
JSX 사용하기
JSX란? JSX란? Javascript와 xml의 합성어로 jsx라는 이름이 생겼다. 기존의 XML을 허용하기 위해서 사용하는 Javascript 확장 문법이다. JSX의 특징 빠르다. (컴파일 되면서 최적화가 되기 때문에) 익숙하다. (XML이나 HTML에 익숙하면 금방 JSX를 익힐 수 있다.) 의미를 잘 나타낸다. (Javascript 코드를 마크
React.js 개발환경 설정
React.js 개발환경 설정에는 NodeJS를 이용해서 하기 때문에 NodeJS 및 npm이 설치 필요 Node.js를 설치하고 npm install -g npm을 통해 npm 버전을 최신버전으로 업데이트 하는걸 추천. 구버전 npm의 경우(npm ver 3.0.0 미만) nested 구조로 node_modules 폴더를 구성하기 때문에 용량을 많이 잡
VS Code snippet 만들기
1. VS code가 실행된 상태에서 cmd + shift + p를 눌러서 명령 팔레트 창을 실행시키고 snippets를 입력한다. 2. 사용자 코드 조각 열기를 선택한 후 snippet을 제작하고 싶은 파일 형식 선택 3. 사용자 코드 조각을 설정 한다. 123456789101112131415{ "CSS Clear fix": {
github upstream 사용법
1.github에 로그인 후 참여하고 싶은 Opensource Repository로 이동한다. 이 포스트에선 Gwang의 github 2. 해당 Repository를 fork한다. 내 Repository에 해당 Opensource Repository가 복사된다. 3. fork해서 생성된 나의 Repository를 clone 한다. 12$ git cl
Mac OS X에 Node 설치하기
nvm 이란? nvm은 Node Version Manager의 약자로 node.js의 버전을 관리해준다. nvm의 필요성 node.js의 하위 버전에 맞춰 개발된 어플리케이션을 실행 할 때 현재 버전에서 하위버전으로 Downgrade 하는 방법은 node.js를삭제하고 다시 설치하는 방법 뿐이지만, nvm을 사용할 경우 nvm use {version} 을
Hexo Theme Setting
Hueman Theme로 변경하기 블로그의 root 폴더에서 아래 명령을 실행시킨다. 123# 아래 명령어는 github의 해당 theme repo주소에서 다운받고 # 블로그 내부에 있는 themes 라는 폴더에 hueman이라는 폴더를 생성한다.$ git clone https://github.com/ppoffice/hexo-theme-hueman.git
Hexo Usage
Hexo에서 Post만들기 1blog $ hexo new [layout] <title> Hexo에는 세가지 layout이 있다.post - source/_posts 위치에 저장, .md파일 형태draft - source/_drafts 위치에 저장, .md파일 형태, post의 내용이 완성되지 않아서 사이트에 올리고 싶지 않을 때 임시저장 비슷
Hexo SetUp
1. Node.js가 설치된 상태의 터미널에서 npm i -g hexo-cli 입력12# npm 을 이용해 hexo-cli 설치$ npm i -g hexo-cli 2. hexo init blog 입력123456# hexo init 만 실행하면 현재 디렉토리에서 초기 설정파일 생성# 아래는 blog 라는 이름의 폴더를 생성해서 그 안에 Hexo 블로그를 위한
MAC OS X Tree 명령어 설치하기
1. Homebrew 설치 (아래 코드 터미널에 복사 붙여넣기) 1$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Homebrew는 Mac OS 용 패키지 관리자 2. 터미널에 brew 를 입력하여 설치 확인 12345