본문 바로가기

javascript8

전기요금 계산하는 javascript plugin 전기 사용량을 계산할 일이 있어서 javascript plugin 을 하나 제작했습니다.우선은 가정용(저압)을 계산할 필요가 있어서 해당 기능만 만들었습니다. 사용량을 입력하면 청구요금을 반환하는 기능이 있고청구요금을 입력하면 사용량을 반환해 주는 기능이 있습니다. https://github.com/sjpison/Korea-Electricity-Fee 2017. 6. 16.
자바스크립트 minify 에서 Boolean 표현방법! javascript 를 minify 할 때 Boolean 값을 어떻게 처리하는지에 대해서 생각해 본 적이 없었습니다.그러다 우연히 minify 된 코드를 접했는데 true, false 값을 특이하게 처리하더군요. true 의 경우는 !0false 의 경우는 !1 자바스크립트는 빠른 전송이 더 우선 과제이기 때문에 true, false 라고 쓰는 것 보다는 짧게 표현하기 위한 방법이라고 생각됩니다. 0, 1 로 바로 쓰지 않는 이유는 숫자와 불린 값은 엄연히 다른 값이기 때문이 채택한 방법이 아닐까 싶네요.좋은 방법이라고 생각됩니다. 읽을 때 헷갈리지만 않는다면요~ 2016. 10. 17.
gulp.js 시작해 보기! gulp : The streaming build system.gulp는 자바스크립트 프로젝트의 빌드를 편하게 하기 위한 도구입니다. (꼭 자바스크립트로 한정지어서 쓸 필요는 없어 보입니다.)자바스크립트 프로젝트를 진행할 때 코드를 압축한다던지 각 문서에 코멘트를 넣는다던지, 테스트용 서버를 돌린다던지 할 때 유용한 도구죠. 플러그인을 잘 활용하면 커피스크립트 컴파일이라던지, 이미지 압축 등도 손쉽게 진행할 수 있습니다.활용만 잘 하면 정말 유용한 도구가 될 거라고 생각합니다. 비슷한 툴로는 grunt 가 있는데, 이건 안써봤네요. 일단 gulp 를 이용하려면 Node.js 와 npm이 설치되어 있어야 합니다. [Node.js 설치 관련] Node.js 를 사용할 수 있는 상태가 되어 있다면 gulp 를 .. 2016. 4. 28.
CSS, Javascript 전송량 줄이기!! [Minify] 모바일 브라우저 사용도 많이 늘어나고, 빠른 피드백이 중요시 되는 사회가 되면서 사이트 속도에 대한 이슈가 늘어나는 것 같습니다.사이트 속도를 높이는 방법은 여러가지가 있습니다.Image sprites나 lazy loading, gz 압축 등의 방법이 있는 것 같네요. Minify는 CSS, Javascript 에서 불필요한 부분을 제거하고 변수길이등을 조절하는 것으로 파일 크기를 줄이고, 캐쉬와 만료일 지정을 통해 사이트 트래픽을 줄여주는 소프트웨어 입니다. PHP로 제작이 되어 있으며 단순 복사 및 .htaccess 를 수정하는 것으로 설치가 가능하기 때문에 비교적 쉽게 적용 가능합니다. 설치과정!1. https://code.google.com/p/minify/ 로 이동해서 배포중인 압축 파일을 다운.. 2014. 7. 4.