Yahoo Developer Network 의 Best Practices for Speeding Up Your Web Site 를 가볍게 정리한 내용입니다~ 자세한 내용은 위 사이트에서 참고하세요~~ [컨텐츠/마크업] HTML 에서 이미지 사이즈를 변경하지 마라. 컴포넌트 사이즈를 25K 이하로 유지하라. (for iphone) img 태그에 빈 이미지를 넣지 말라.(empty src) iframe 을 최소화하라. DOM 엘리먼트를 최소화하라. (대신 CSS 로) [스크립트] HTTP Request 최소화하라. 스크립트는 하단에 넣어라. 스크립트 및 CSS 는 외부에 둬라. (캐시 이득) 스크립트, css 를 최소화하라. Ajax 응답이 캐시 가능하도록 하라. Ajax 요청에 GET 메서드를 사용하라. ..
발생일: 2010.11.29 문제: 작업한 페이지를 응답 시간 별로 테스트 해보고자 합니다. 타임아웃이 발생하는 경우 등을 테스트 하기 위한 목적입니다. 서버에서 테스트를 위한 지연 응답을 몇 개 만들어주면 편하겠지만, (예: /responseAfter3Seconds) 테스트 서버를 구축할 환경이 되지는 않습니다. 해결책: 패킷 캡처 프로그램인 Fiddler 를 사용해서 요청/응답 시간을 조작할 수 있습니다. (Fiddler 는 패킷 추적 뿐 아니라 요청/응답 내용도 조작할 수 있어 굉장히 유용하니 아직 사용해보지 않으셨다면 꼭 한 번 돌려보세요~) #1. Fiddler 로 응답 시간 조작하기 Fiddler 를 이용해 응답시간을 조작하는 방법은, 옷장수님의 블로그 Fiddler 로 다운로드 지연시간 시뮬..
당번약국 목록에서 가장 중요한 정보는?
대한약사회에서 운영하는 당번약국(http://www.pharm114.or.kr/) 사이트를 둘러보다 약국 검색 결과 페이지를 보고 흥미로운 걸 발견해서 포스팅 합니다.^^ 당번약국 사이트에서는 현재 운영 중인 당번약국을 검색하거나, 주말에 문을 여는 약국 등을 검색할 수 있습니다. 주말에 문 여는 약국 어딘지 정말 궁금했는데, 이런 사이트가 있었네요^^ 아래는 날짜를 입력하고 지역을 선택한 후 검색한 결과 목록입니다. 위 결과 목록에서 흥미로운 건, 추가로 기재된 "위치정보" 가 눈에 띄게 강조되어 있다는 점입니다. 언뜻 생각하기에 가장 중요할 것 같은 정보는 "약국명" 이나 "전화번호" 내지는 "주소" 일 것 같은데 말이죠. 가까운 약국을 검색하려 했을 때 우리가 제일 궁금한 건, "여기서 제일 가까운..
"어떻게 하면 프리젠테이션을 잡스 횽아처럼 잘 작성할 수 있을까?" 역시 비주얼이다!! 라고 생각하셨나요? (저처럼? ^^;) 그러셨다면 흉내를 좀 내본다고 이미지 위주로 화려하고 빠른 프리젠테이션을 만들었다가 실제 업무에 활용하기엔 적합하지 않아 포기했던 경험도 있으셨을 것 같아요. 요론 고민들에 도움이 될 수 있는 좋은 강의가 있어요. 아래 링크의 슬라이드를 꼭 한 번쯤 시간을 내서 읽어보시길 추천드립니다.^^ [2차 공개강의 : 프레젠테이션에 대한 새로운 시각]
2010년 11월 8일에 UX Symposium 2010 에 다녀왔어요~ 유명한 분들이 오셔서 좋은 강연을 해 주셨고, 굉장히 유익했지요.^^ 부족하지만, 키노트 스피커(도널드 노먼, 빌 벅스턴, 이건표) 분들의 강연을 기억나는 대로 간단히 정리해봤습니다~ 혹시 제가 잘못 이해한 게 있으면 정정 부탁드립니다.^^; #. 다른 분들도 발표 내용을 아주 잘 정리해놓으셨네요. - 전체 정리 by gongsang: http://cafe.naver.com/gongsangdesign.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=155 - Donald Norman 강의를 잘 이해하려면? : http://alankang.tistory.com/277 #. 심포지엄 트위터: http:/..
이번에 회사를 옮기면서 한 달 정도 여유가 생겨서(아싸라뵹~!) 그동안 읽고 싶었던 책들을 주루룩 읽었습니다. 그 책들 가운데 그 유명하다는 '조엘 온 소프트웨어'도 있었지요. 오래 전부터 얘기들었던 책이었는데 제목만으론 왠지 딱딱하게 느껴져서 항상 장바구니에서 밀려났었다가, 이번에서야 선택받게 되었습니다. (...이걸 이제서야 읽다니!!) 짜잔~ 이 책들입니다. 조엘 온 소프트웨어 Joel Spolsky 저/박재호,이해영 공역 More Joel on Software 조엘 온 소프트웨어를 넘어서 조엘 스폴스키 저/이해일 역 오.... 정말 유쾌한 내용들을 경쾌하게 읽었습니다. 무엇보다, 책을 읽고 나서 굉장히 내공도 높아진 느낌이 들고(으쓱으쓱~), 특히 마인드에 변화가 생겼습니다. 좋은 내용들이 워낙 ..
얼마 전에 진행하고 있던 프로젝트가 종료되었습니다. 일정에 맞춰 종료되었지만 개인적으로 만족스러운 프로젝트는 아니었습니다. 회사에서 진행하는 프로젝트의 대부분이 그렇듯이 품질보다는 완성에 초점이 맞춰진 프로젝트였거든요. 저희 팀은 유지보수가 주업무다 보니 프로젝트 시 직접 코딩에 참여하지는 않습니다. 그러다보니 SI 팀에서 진행한 프로젝트를 건내 받아 코드를 열어 보고 나면 한숨이 나올 때가 많습니다. 물론 그 중에 굉장히 잘 만들어진 코드가 있기도 하고, 과연 우리가 만든다면 더 나은 코드가 나올 것이냐. 에 대해서도 장담할 수 없지만, 이걸 가지고 운영해나갈 생각을 하면 저절로 한숨이 나오는 걸 어찌하나요~ ^^; 물론, 프로젝트 진행 중에 함께 참여해서 코드 리뷰하고 하고 중간 중간 점검도 해야하겠..
포털 별 검색어 제안 기능 비교
후배들에게 Ajax 를 설명해주고 자동 완성 기능 구현을 실습 과제로 주려다가 문득, 각 포텰별 검색어 추천 기능의 차이점이 궁금해졌습니다. 아래는 주요 포털의 기능을 비교하여 정리한 내용입니다. 먼저 글에서 공통적으로 사용할 용어는 아래와 같습니다. 용어 정의 검색인풋: 검색어를 입력하는 input box 서제스트레이어: 검색어 추천 기능을 제공하는 레이어 RMB: Right Mouse Button LMB: Left Mouse Button G : Google N : Naver D : Daum 기본 공통 특성 모두 타이머 방식으로 구현 한 글자 이상 존재할 경우 보여짐 서제스트레이어의 전반적인 모습 G: 검색어 이외의 단어를 bold 처리해 줌. 서제스트레이어 내에 검색 버튼이 존재함. 검색 버튼이 검색..
2009 Google IO 의 한 세션이었던 The Myth of the Genius Programmer 동영상을 보고 좋은 느낌을 받아 요약해보려 합니다. The Myth of the Genius Programmer (동영상: 약 1시간, 영문 자막있음) 소프트웨어 개발에 있어서 모든 사람들이 똑똑해 보이기를 원하는데, 이런 자존심을 버리고 자기 발전을 이룰 수 있는 방법에 대한 세미나예요~ 1시간 짜리 동영상이라 보기 좀 힘들지만, 굉장히 유익하다고 생각됩니다. 시간 내서 한 번쯤 보시기를 추천합니다. 영어 세미나이지만 다행히 영어 자막이 있어서 그나마 좀 알아들을 수 있었네요^^;; 동영상을 보면서, 자유롭게 기술적으로 토론할 수 있는 환경이 있다는 게 참 부럽더군요. 발표자들도 굉장히 재미있고 편..
발생일: 2010.05.06 문제: 현업이 종종 특정 데이터를 엑셀로 뽑아달라는 요청을 합니다. 요청이 간헐적이고 같은 데이터를 시도 때도 없이 새로 뽑아달라는 요청을 해서, 좀 효율적으로 처리하고자 동적 쿼리를 수행하는 메뉴를 하나 만들었습니다. 해당 쿼리가 자주 변하고 보안 문제도 있었기 때문에, 관리를 편하게 하기 위해 DB 대신 파일 기반으로 설계했습니다. 서버에 올라가 있는 sql 파일을 읽어 목록을 구성하고, 해당 쿼리를 담은 sql 파일을 읽어 엑셀로 다운로드 받을 수 있는 기능입니다. (우리는 요청 쿼리를 담은 sql 파일을 서버에 올리기만 하면 되도록 말이죠.) iBATIS 를 사용하고 있어 파일에서 읽은 쿼리를 아래와 같이 $sql$ 형태로 전달하도록 했는데, $sql$ 첫 번째는 정상..