제이슨을 하다

Grunt는 무엇인가?Grunt는 JavaScript를 위한 task 기반의 command line 빌드 툴이다. 예를 들어서 JavaScript 프로젝트를 진행할 때, 만약 주기적으로 해야할 일이 있다면, grunt를 설치 후 다양한 작업을 할 수 있다. Grunt 설치1. Node.js & npm설치 확인기존에 Node.js가 설치 되어 있어야 함, npm을 통해서 설치해야 하기 때문에..만약 설치가 안되어 있다면 아래 링크로 이동해서 설치2016/08/18 - [개발] - Node.js 설치 및 셋팅, npm 이란? 2. CLI (command line interface) 인스톨npm install -g grunt-cli 를 커맨드창에 입력C:\Users\Jason>npm install -g gru..

웹페이지 개발시 방법론 - Code, Test, Refine 1. Look for natural boxes2. Look for repeated elements & semantic elements3. Write your HTML4. Apply your styles (from biggest to smallest)5. Fix things그리고 다시 3~5반복함, 원하는 웹페이지가 만들어질 때까지 반응형 디자인(Responsive design)viewport 테그 - 웹페이지를 모바일 디바이스에 최석화 시켜줌initial-scale=1의 의미는device independent pixel과 CSS pixel의 비율이 1:1 모바일에서 사람이 touch 가능한 최소 크기는 40, 적어도 48px 정도는 설정 해줘야..

Verifying toolsTo verify HTML: http://validator.w3.org/#validate_by_input To verify CSS: http://jigsaw.w3.org/css-validator/#validate_by_input Placehold siteshttp://placehold.it/ https://placekitten.com/or Fontshttps://fonts.google.com/ Editorhttp://www.sublimetext.com/Sublime Text > Preferences > Settings - User 에 아래입력 후 저장 { "autocomplete": true, "color_scheme": "Packages/Color Scheme - Defaul..

display: inline block 차이점 1. display: inline 라인1 라인2시작삽입 라인2끝 라인3 2. display: block 라인1 라인2시작삽입 라인2끝 라인3 3. display: inline-block 라인1 라인2시작삽입 라인2끝 라인3 CSS Box Modelmargin, border, padding, content 구성1. Width에는 border, padding, content 만 포함된다 Icon font 사용http://weloveiconfonts.com/ Twitter

VMware 설치 후 CentOS를 다운받아서 설치 이후에 CentOS에 필요한 팁을 정리 해 보려고 합니다. 한글 설정CentOS 설치 후에 한영키를 누르면 당연히 반응하지 않습니다. 다음과 같은 방법으로 한글을 입력해 봅시다.1. Applications - System Tools - Settings - Keyboard - Input Sources 에는 English(US) 만 default로 설치되어 있습니다.2. + 버튼 클릭 후 Korean(Hangul)을 추가하고3. 텍스트 입력 창에 윈도우키+스페이스(Space) 를 클릭하면 한영 전환이 됩니다. CentOS에 Git 설치하기다양한 방법이 있지만 Yum을 이용해서 설치해보겠습니다.1. 터미널을 열고 sudo yum install git 을 입력..