이제 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.
- Total
- Today
- Yesterday
- 리프래시토큰
- Angular
- 반복문
- 태그
- react
- svg모션
- react-router-dom
- svg icon font
- 자바스크립트
- anime.js
- JsDoc
- IntrinsicElements
- git
- RefreshToken
- cordova
- git checkout -b
- for of 구문
- CSS
- Intrinsic
- React.StrictMode
- Vue3
- 앵귤러
- svg 폰트
- 내장요소
- Aptana
- icon font
- interceptors
- 코도바
- vue-router
- 아이콘 폰트 만들기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |