본문 바로가기

개발

Grunt 설치 및 셋팅 Grunt는 무엇인가?Grunt는 JavaScript를 위한 task 기반의 command line 빌드 툴이다. 예를 들어서 JavaScript 프로젝트를 진행할 때, 만약 주기적으로 해야할 일이 있다면, grunt를 설치 후 다양한 작업을 할 수 있다.Grunt 설치1. Node.js & npm설치 확인기존에 Node.js가 설치 되어 있어야 함, npm을 통해서 설치해야 하기 때문에..만약 설치가 안되어 있다면 아래 링.. 더보기
Node.js 설치 및 셋팅, npm 이란? Node.Js는 무엇인가?웹 개발은 Front-end 와 Back-end로 나뉜다. 간단히 말하면 프론트앤드는 웹페이지 쪽의 사용자가 볼 수 있는 부분이고, 백앤드는 서버쪽을 차지하고 있다. 원래 JavaScript는 프론트앤드에서 사용이 주로 됐지만, 2009년 Node.js라는 framework의 등장으로 자바스크립트로 서버단 기술까지 제어할 수 있게 되었다.Node.js(노드js) 는 JavaScript 엔진 V8 위에서 동작하는 이벤.. 더보기
웹개발, 웹디자인 방법 웹페이지 개발시 방법론 - Code, Test, Refine1. 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).. 더보기
웹개발 관련 툴 모음 Verifying toolsTo verify HTML: http://validator.w3.org/#validate_by_inputTo verify CSS: http://jigsaw.w3.org/css-validator/#validate_by_inputPlacehold siteshttp://placehold.it/<img src="http://placehold.it/350x150">https://placekitten.co.. 더보기
CSS 문법 정리 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에는&nbs.. 더보기
CentOS 사용팁 VMware 설치 후 CentOS를 다운받아서 설치 이후에 CentOS에 필요한 팁을 정리 해 보려고 합니다.한글 설정CentOS 설치 후에 한영키를 누르면 당연히 반응하지 않습니다. 다음과 같은 방법으로 한글을 입력해 봅시다.1. Applications - System Tools - Settings - Keyboard - Input Sources 에는 English(US) 만 default로 설치되어 있습니다.2. + 버튼 클릭 후 Korean(H.. 더보기