Take Action

검은 부분을 클릭하면 네모가 오른쪽으로 가고,한번 더 누르면 제자리(왼쪽으로) 움직이는 예제. (미리보기는 없다 ㅋㅋ) 나는 이걸로 메뉴 열고 닫기에 응용할 것이다.

별건 아니지만 제대로 동작하는 소스가 잘 안보여서 올려야지. jquery 레퍼런스 http://api.jquery.com/fadeIn/

SPDY 를 쓰면 좋은 점이 헤더의 압축, 리소스의 압축 등으로 인해 속도가 빨라진다는 것이다.그리고 하나 더! 빠른 웹사이트를 기대할 수 있는 점은 바로 server-push 기능이다. 보통 http 에서는 브라우저 파싱 이후, 리소스들(이미지, js, css....)을 하나씩 요청하고 받고 해야한다.한번에 하나씩 되기때문에... 그러나 server-push를 이용하면,리소스들을 한번의 요청에, 한꺼번에 보내줄 수가 있다. 단, 무슨 리소스를 보내줄 것인지 서버측에 코드로 알려주어야한다. 얼마나 좋은 기능인지, express-spdy의 예제코드를 다운받아보면함수이름이 awesome_push이다 ㅋㅋㅋ 이미지 여러개를 서버 푸시를 이용해서 넣는 예제이다. (첨엔 express-spdy로 해보려고 했었는데..

jade 템플릿 엔진을 문법에대한 정보 없이 무작정 써보다가 서버를 키고 돌리니까 에러가 두번 나타났다ㅋㅋ jade는 띄어쓰기로 태그를 구분하기때문에, 띄어쓰기를 잘~ 해야한다. 1. Invalid indentation, you can use tabs or spaces but not both at... 탭과 스페이스가 섞여있는 곳에서 이런 에러가 났다.탭을 지우고 스페이스로 띄어쓰기를 했더니 에러가 사라졌다. 2. unexpected token "indent" 이것도 띄어쓰기의 문제다. 띄어쓰기에 엄격하다.img 넣는 태그라고 하면 줄은 이렇게 맞춰야한다. (스페이스 몇칸 틀렸더니 태그가 끝나버렸다!!!!!!!!! 버럭!) !!! 5 html head title=title body | text img(s..

node.js에서는 resource 들을 public 폴더에서 관리한다. public/img.jpg 가 있다고 해보자. express 프레임워크를 쓰면http://localhost:3000/img.jpg 라고 하면 express에서 이미지를 response에 담아주는 작업을 해주므로, 그림이 잘 뜰 것이다. 그런데 프레임워크를 안쓰고 있다면, 직접 response에 담는 작업을 해줘야한다.(pumping) 파일들을 펌핑하는 법은 아래와 같다.(확장자 별로 분기하여 처리.. 이미지만 예를 들겠다) 이미지 뿐만아니라 동영상 등 여러 파일도 아래와 같이 쓰면 된다. var fs = require('fs'),http = require('http'),util = require('util'),sys = requir..

node.js에서 제공하는 템플릿엔진인 jade. 속도 차이를 보기 위해서 html 페이지를 dump 떴는데html 확장자를 사용하려니 그런 모듈 없다고 에러난다. 그래서 jade 확장자로 바꾸고 html소스 그대로 붙여넣으니이것도 역시 에러 .(express 를 씀.) 변환을 해야하는데 언제 다바꾸나 싶어서 찾아보니깐검색하자마자 바로 나타났다. http://html2jade.aaron-powell.com/ 여기서 html 붙여넣고 화살표 누르면 됨 ㅋㅋ좀 많이 긴거 붙여넣어도 금방 된다. ================================================================== 이렇게 말고 그냥 html을 부르는 법도 있는데 app.js 있는 위치에 public 폴더가 있다..

SPDY 프로토타이핑 하려고 하는데node.js가 가장 해보기 쉽다고?해서 아래 사이트를 보고 따라해보았다.http://oddpoet.net/blog/2012/05/22/spdy-testing-environment/ 여러가지 난관이 있었음.난 세팅이 무서움 ㅋㅋㅋㅋㅋㅋ 1. wget 명령어 없을 때(파일 다운로드) curl 로 대체해서 쓸 수 있다. curl로 안되면 curl -O http://......... 이렇게 쓴다. * 참고나는 Mac 서버에 세팅을 했었는데 curl -O ftp://ftp.,... 에 접속이 안되었다curl -O http:www.... 로 들어가서 받아도 되는데 파일명이 미세하게 좀 달라서(버전이 붙어있음),내컴터(윈도) 에서 다운로드 받고, ftp 프로그램으로 Mac 서버에 ..

최근 2개월정도 슬럼프였다.내가 지금 잘하고 있는건지 훌륭한 개발자가 될 수 있을지 포기해야 하는지. 나는 컴공을 졸업했긴 하지만 실력은 거의 비전공자와 비슷하다. 학교에서 과제를 내 손으로 한적이 없고 성적도 개판이다.그래서 남들보다 더 열심히 해야하는데 불구하고, 방법도 모르고, 시키는 일만하며 멈춰있었다. 나는 지금 객관적으로 못하는 축에 속한다. 한참 우울해하다가 요즘 깨달음을 마구 얻는 중이다.사람들을 통해, 책을통해. 이렇게 자신이 멈춰있는 것 같다고 느끼는 사람들은 나의 부족한 깨달음 글을 읽고 자극이 되었으면 좋겠다.나 자신도 마찬가지. 까먹지 말자.. ㅋㅋ 1. 책읽기 멈춰있을 때 가장 자극을 받을 수 있는 법은 책이다.프로그래머를 위한 자기계발서도 많다. (요점은 대부분 지금 이 글과 ..

내가 만든 웹페이지중에 엄청나게 속도가 느린 곳이 있었다.분명 DB에서 SELECT하는데 문제가 있을 것이었다. 문제의 그 쿼리는 3개의 테이블을 JOIN해서 SELECT 하는데, 매우 느렸다. 아래와 같은 방법을 써서 JOIN 하는 쿼리의 속도를 개선시켰다. 1. 쿼리의 성능을 측정(EXPLAIN) 그 쿼리가 어떻게 돌아가는지 보기 위해 EXPLAIN 을 써보았다. EXPLAINSELECT * FROM 테이블명 WHERE 조건 다음과 같은 쿼리를 실행하면, 아래와 같은 항목이 나타난다. id select type table type possible_keys key key_len ref extra 각 항목에 대한 자세한 정보는http://www.mysqlkorea.co.kr/sub.html?mcode=m..

jenkins build 시간 지정을 해야하는데, 여러케이스를 써보겠음 # 매일 낮 2시 15분에 실행15 14 * * * # 매월 5일 새벽 한시 실행 00 01 5 * * # 3월동안 6시에 실행00 06 * 3 * # 일요일마다 새벽1시 실행00 01 * * 7 월 : 1, 화 : 2 ..... 일 : 7 # 15분마다 실행*/15 * * * * # 2시 ~ 4시 동안 10분마다 실행*/10 2-4 * * * # 5시, 9시에 실행* 5,9 * * * 분 | 시간 | 날짜 | 월 | 요일 | 명령 순서이다. 맨뒤에는 명령을 붙일 수 있다고 함.