1. node.js
1.1. node.js 설치
1.2. NPM 설치하기
1.3. bower 설치하기
1.4. 인기있는 라이블러리는?
1.5. 퍼블리싱할때 사용하는 task툴
1.5.1. task 툴이란?
1.5.2. gulp 설치하기
1.5.3. grunt 설치하기
1.6. TASK
1.6.1. 전처리기 쓰기
1.6.2. 배포하기
1.6.3. watch
1.6.4. postcss
1.6.4.1. sprite
1.6.4.2. css nano
1.6.4.3. css import
1.6.4.4. ruckback
2. 참고 사이트
2.1. Can I use... Support tables for HTML5, CSS3, etc
3. 라이블러리
3.1. bootstrap
3.1.1. bootstrap설치하기
3.1.2. bootstrap을 쓰는 이유
3.1.3. OOCSS는 무엇인가
3.1.4. OOCSS의 개념
3.1.5. CSS reset만들기
3.1.6. Grid시스템 사용하기
3.2. Jquery Lib
3.2.1. bxslider
3.2.2. moment
3.3. font awesome
3.4. css Lib
3.4.1. CSS Animate
3.5. Transition
3.5.1. GASP
3.5.2. Velocity
4. mobile
4.1. Design
4.1.1. 포토샵 설정하기
4.1.2. 해상도의 변화의 min 과 max
4.1.3. 제플린 사용하기
4.2. Publish
4.2.1. DPI DIP DP개념
4.2.2. Sprite 처리방법
4.2.3. Image DP처리 방법
4.2.4. 절대값과 상대값 레이아웃
4.2.5. 레이아웃별 사용할 수 있는 퍼블리싱
4.2.6. 이미지 짜르기
4.2.7. Sprite이미지 만들기
5. HTML&CSS
5.1. Element의 구분
5.1.1. Elememt요소
5.1.1.1. A태그
5.1.1.1.1. Link기능
5.1.1.1.2. mobile에서 href의 기능
5.1.1.1.3. 왜 href="#"는 #을 붙이는가
5.1.1.1.4. preventDefault기능
5.1.1.1.5. 프론트 엔드의 hash의 사용
5.1.1.2. table
5.1.1.2.1. col 관리하기
5.1.1.2.2. thead, tbody, tfoot 사용법
5.1.1.2.3. CSS 사용법
5.1.1.2.4. 가로형, 세로형 만들기
5.1.2. content요소
5.1.3. text 요소
5.1.4. group 요소
5.1.5. section 요소
5.2. layout 짜는 방법
5.2.1. 가로세로 쌓기
5.2.2. float vs absolute
5.2.3. display이용하기
5.2.4. html Element 사용법
5.2.5. 하면 안되는 HTML구성
5.3. CSS
5.3.1. Float란?
5.3.2. absolute란?
5.3.3. display란?
5.3.4. Text vs Font
5.3.5. :pseudo selector 사용하기
5.3.6. CSS3
5.3.6.1. calc()
5.3.6.2. border-rdius
5.3.6.3. rucksack
5.3.6.4. box-sizing을 왜 써야하나?
5.4. 퍼블리싱 기법
5.4.1. IR & sprite 만들기
5.4.2. form 커스텀 하기 : appearance
5.4.3. tabs
5.4.4. navi
5.4.5. table
5.4.6. popup
5.4.7. btn
5.4.8. form
5.4.9. images
5.4.10. spinner
5.4.11. toast
5.4.12. graph
5.5. 퍼블리싱 지식
5.5.1. naming
5.5.1.1. snake
5.5.1.2. kebob
5.5.1.3. camel
5.5.1.4. 어떤 네이밍을 써야하나?
5.5.1.5. JS var 네이밍 방식
5.5.1.6. HTML 네이밍 방식
6. Javascript
6.1. Jquery
6.1.1. Selector
6.1.2. event
6.1.2.1. bind
6.1.2.2. on
6.1.2.3. delegate
6.1.2.4. live
6.1.2.5. eventPrevent
6.1.3. navigator
6.1.3.1. siblings
6.1.3.2. next
6.1.3.3. prev
6.1.4. UI component
6.1.4.1. dropdown
6.1.4.2. popup
6.1.4.3. alert
6.1.4.4. alram
6.1.4.5. slide
6.1.4.6. tabs
6.2. handlebars
6.3. Vue.js
6.4. Data
6.4.1. XML
6.4.2. JSON
6.4.3. JS
7. Tool
7.1. IDE
7.1.1. Atom
7.1.2. Webstorm
7.1.3. sublime
7.2. PMS
7.2.1. JIRA
7.2.2. Redmine
7.3. Communication
7.3.1. Slack
7.3.2. notion
7.3.3. zeplin
7.4. Design
7.4.1. canva
7.4.2. adobe xd