Jaewonism - POST, Github, Front-end, Back-end, Web Developer, 웹 개발자, 프론트 엔드, 개발자, 백 엔드, Node JS, Express JS, Ruby On Rails

JOIN
LOGIN

Vim Cheat Sheet

Vim Cheat Sheet 모드 변경 i : 현재 커서에서 입력모드 I : 현재 라인의 첫 칸에서 입력모드 a : 현재 커서 바로 뒤에 입력모드 A : 현재 라인의 마지막 칸에서 입력모드 s : 현재 커서의 문자 하나를 지우고 입력모드 S : 현재 라인 전체를 지우고 입력모드 o : 현재 줄 바로 뒤에 라인을 추가하고 입력모드 ...

   NOV 29. 2016
Vim Cheat Sheet

Social Media 를 위한 Meta 태그

Facebook 이나 Twitter 에 URL 을 공유하면, 대표이미지와 제목, 내용 등이 보이게 된다. 이와 같은 속성을 설정하기 위해 meta 태그를 사용한다.페이스북은 Open Graph protocol 을 사용하는데, 자세한 정보는 Open Graph 공식 홈페이지에서 볼 수 있다.많은 속성들이 보이는데, 자주 쓰이게 되는 속성은 다음과 같다.123...

   DEC 12. 2016
Social Media 를 위한 Meta 태그

Git 되돌리기

깃을 사용하다보면, 커밋 또는 푸시를 잘못 할 수도 있다. (추가하길 원치 않았던 파일들을 추가해서 커밋을 했거나, 다른 브랜치에서 커밋을 했거나.. 기타 등등)이 때, 몇 가지 작업을 통해 커밋 / 푸시를 취소할 수 있다. 먼저, git reset 을 통해 리셋을 한다.1234# 커밋 하나 되돌리기$ git reset HEAD^# 커밋 3 개 되돌리...

   DEC 12. 2016
Git 되돌리기

Webpack 기본부터 배포까지

Webpack 사용하기Java Script 모듈화 시스템을 위한 방법으로 Common JS 를 사용하거나, Require JS 의 바탕이 되는 AMD 를 이용하는 방법이 있었다.Webpack 은 두 그룹의 명세를 모두 지원하는 Java Script 모듈화 도구로 로더를 추가할 수도 있고, 컴파일 속도도 빠르다는 장점이 있다. 목차 기본 사용 방법 ...

   DEC 13. 2016
Webpack 기본부터 배포까지

Graph QL 알아보기

Graph QL 은 페이스북에서 오픈 소스로 제공하는 쿼리 언어로 새로운 데이터 교환 패러다임을 제시한다. (Ruby, Java, Python 등에서 사용가능하다.) 기존의 접근 방식들 서버에서 HTML 을 미리 렌더링하고, 클라이언트에서 이 HTML 을 내보내는 방식 실시간 인터랙션이 필요 없는 모든 웹 사이트에서 잘 동작한다. ...

   JAN 9. 2017
Graph QL 알아보기

Node JS 에서 GraphQL 사용하기

이 글을 읽기 전에 Graph QL 알아보기 를 읽어보면 더 좋다. 개발환경OS : OS X 10.12 Node.JS : 7.4.0 NPM : 3.10.3 Java Script : ECMA-2015 Transpiler : Babel 간단한 예제graphql 설치123$ yarn add graphql# or..$ npm i -...

   JAN 10. 2017
Node JS 에서 GraphQL 사용하기

Critical Rendering Path란?

브라우저가 서버로부터 HTML 응답을 받아 화면을 그리기 위해 실행하는 과정 이 글은 Ire Aderinokun 의 허락을 받고, Understanding the Critical Rendering Path라는 글의 일부를 번역한 것입니다. CRP 의 6 단계 DOM 트리 만들기 CSSOM 트리 만들기 Java S...

   MAR 6. 2017
Critical Rendering Path란?