세줄코딩

이제 framerX가 나와서 아래의 기술은 더이상 필요할 것 같지 않다.framerX를 써보고 내용을 재업할 생각이다. 프레이머를 3주 정도 써본 느낌을 적어볼까 한다 물론 틀린 정보도 있을 것이다도움되었던 페이지들..Docs 한글- http://framerjs.co.kr/docs참고할 예제파일 - http://framerjs.com.s3-website-us-east-1.amazonaws.com/examples/기초 튜토리얼Framer Cheat Sheet: Layer Styling- https://medium.com/the-school-of-do/framer-js-cheat-sheet-layer-styling-42d6fd4a9558Framer Cheat Sheet: States- https://medi..

아 진짜 어쩌다 일로써 Framerjs를 쓰게 되었는데......Framerjs 자체도 짜증이 나지만 ...Framerjs를 사용하려면 CoffeScript로 코딩해야 하는데 짜증이.. ㅠㅠ 할 것도 많은데 이걸 익히자니 너무 부담스럽다. 요새 한창 Angular에 빠져 살고 있었는데.. 그리고 Python과 Django 해야 하는데...적응되니 나름 편하다. 파이썬 장고 스터디는 달나라로 고고싱~ㅋ 아 ~~ 짜증은 짜증이고 일은 일이기에...( 돈은 벌어야 하니까 ) 까먹기 전에 생각나는 것 위주로 정리해 본다. Javascriptif(x===3){ alert x}else if(x===4){ alert x - 5 }else{ alert x - 3} var major; major = 'Computer S..

크로스 브라우징 window.width / window.heightfunction getWindowWidth() { return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; } function getWindowHeight() { return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; } Element height 1. dom scriptElement.offsetHeight - 엘리먼트 높이값+padding-top+padding-bottom+border-top+border-bo..

파일 업로드 - Angular1.x로 작업시 ( Rest API 서버가 갖추어진 상태 ) 보통 ngFileUpload 를 이용하였다 ---> http://uxicode.tistory.com/355 - Express.js 를 이용한다면? 관련 플러그인들은 엄청많다.... 참고로 2개 정도 써봤는데 괜찮다... 1. restler - https://github.com/danwrong/restler //routes.jsvar express = require('express'); var router = express.Router(); router.post('/', controller.uploadFile ); module.exports = router; //upload.jsvar restler = require(..

1. express-handlebars 설치( 터미털에서 )npm install express-handlebars --save 2. handlebars 등록var exphbs = require('express-handlebars');//여기서 매개변수 app은 var app=express(); 로 익스프레스앱을 뜻함. module.exports=function(app) { //handlebars template app.engine('handlebars', exphbs.create({ defaultLayout:'main', // 디폴트레이아웃사용. layoutDir:app.get('views')+'/layouts', //레이아웃 파일( handlebars ) 경로 partialsDir:[app.get('v..

흐음 slick 라이브러리는 좀 유명한가보다... 최근에 지인을 통해 알게 되었다.머 커스터마이징이 어려워서 대부분을 만들어서 쓰곤 했는데... 살펴보니 빠른 슬라이드 작업을 위해선 꽤 괜찮은 ~ 아니 내가 만든거 보다 백배 좋은 라이브러리라고 판단된다... 언능 언능 써보자~ http://kenwheeler.github.io/slick/ 간단 사용법 javascript$('.multiple-items').slick({ infinite: true, //양방향 무한 모션 speed:300, // 슬라이드 스피드 autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 ) autoplaySpeed:4000, // 자동플레이 스피드 slidesToShow: 3, //한 화면에 보여줄 아이..

NVM - 기똥찬 물건이다. 버전이 꼬여서 고생한게 이만저만이 아니였는데....ㅠㅠ 다양한 버전의 NODE 를 설치 가능하게 해주는 녀석이다. URL : https://github.com/creationix/nvm#install-script 해당 URL 에 들어가 보면 설치법이랑 사용법이 상세히 나와 있다. curl로 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash sudo 명령어를 썼기에 사용자 비번 넣으라고 나올 것이다. 가볍게 비번을 넣어주면 설치 뙁 ~!!!! 하지만....... 하지만........ 설치후 터미널에 nvm 명령어를 치면 command not found 라는 문구 가..

http-server ( 개발 서버 )- npm install http-server --save-dev URL : https://www.npmjs.com/package/http-server "http-server -a localhost -p 8000 -c-1 ./app"-a Address to use (defaults to 0.0.0.0) -p Port to use (defaults to 8080) -c Set cache time (in seconds) for cache-control max-age header, e.g. -c10 for 10 seconds (defaults to '3600'). To disable caching, use -c-1.