분류 전체보기 썸네일형 리스트형 반응형 웹 검증 온라인 툴 1. XRespond선호하는 화면 크기를 설정하고 홈페이지 URL을 입력하는 것 만으로 출력되는 레이아웃을 확인 할 수 있는 온라인 도구 2. Responsinator모바일 기기별 출력되는 레이아웃을 확인하고 대응 할 수 있다. 3. Responsive Design Checker지정사이즈 화면으로 재빨리 반응형웹 출력물을 확인할 때 봅니다. 원래 모니터 화면이 적어도MacBook 화면 처럼 1920px 넓은 사이즈 화면 출력도 확인할 수 있다. 4. Google Mobile TestGoogle은 웹 개발자에게 유익한 툴을 많이 공개하기도 하죠, 그 중에 모바일 친화성 검사도 하나이죠. 함 사용해 보세요. 5. Matt Kersley's Responsive Tool디자이너이자 개발자인 Matt Kersle.. animation 01.Squash and Stretch : 짓누르고 늘이기http://codepen.io/donovanh/pen/wBRNqX02.Anticipation : 예비 동작 주기http://codepen.io/donovanh/pen/KwbJvJ03.Staging: 연출http://codepen.io/donovanh/pen/wBRNrx04.Straight-Ahead Action and Pose-to-Pose : 순차적 묘사와 원화에 의한 설계http://codepen.io/donovanh/pen/zxyePG[출처] 디즈니사 만화영화에서 배우는 12가지 애니메이션 원칙 CSS 코드 (하드코딩하는사람들) |작성자 CodingBear05.Follow Through and Overlapping Action: 계속하여 진.. 이클립스 단축키 ctrl + alt + up/down = 한줄 복사(위/아래)ctrl + alt + f = 해당문자열 검색 (커스텀 설정 해야함) find text in filectrl + shift + r = 파일 열기ctrl + alt + t = 터미널창 열기ctrl + z = 실행취소ctrl + y = 실행취소를 취소ctrl+h 폴더 클릭하고 검색 파일 서치 탭 scope항목 selected resources if문 축약 123456var v = 30, x; if (v > 10) x = 50;else x = 0;cs if문 축약형위 아래는 같은 코드 1x = (v > 10) ? 50 : 0;cs github repository 로컬에 설치 github 레파지토리 url 복사후 이클립스에서 빨간 아이콘 (clone a git repository) 누르면 자동으로 URI 입력되어있음 git repository 에서 마우스 우클릭 -> Import project from archive nodejs & nodemon 패키지 설치 https://nodejs.org recomended 버전으로 다운로드 후 설치 설치가 다되면 cmd창에서 npm install -g nodemon(-g 는 전역으로 설치하겠다는 뜻) express설치 해당폴더에npm install express 이전 1 2 3 4 5 다음