왜 hapi를 고려해야하는 하는가? (번역)
일하고 있는 곳에서 hapi를 사용하고 있어 관련 글을 하나 번역해봅니다. 원글은 Why You Should Consider hapi입니다. 새로운 웹 애플리케이션을 시작할 때, 플랫폼을 처음 선택합니다.: node, Go, Rails 및...
Web
웹 서핑과 북마클릿을 키보드로
이제 어떤 작업을 하든 데스크톱 웹 브라우저를 많이 사용한다. Vim을 사용한 후에는 마우스에서 점점 멀어진다. 웹 브라우저도 키보드를 중심으로 사용한다. 애용하게 된 키보드 웹 서핑 확장과 북마클릿 단축키...
Console.log() Browser Support
부끄러운 자기고백이다. 만든 결제창이 IE9 에서 문제가 있다는 연락을 받았다. 현상은 버튼을 누르면 다음 단계로 진행되지 않는 이슈였는데, 여느 IE9 에서 재현을 시작했다. 쉽게 재현되었다. 결제버튼을 누른후 다음...
페이스북의 공유, 좋아요, 댓글수 조회하는 법
작년에 한 번 블로그 방문객 벼락 맞은 이후로, 정말 오랜만에 블로그가 흥했던 한 주였다. 블로그 방문객이 갑자기 팍 늘어나는 이유는 100% SNS 때문이고, 99% 페이스북 때문이다. 포스팅 URL을...
[PHP] 태그의 attribute 값, 파라미터 값 추출 등
문자열 처리 하다보면 워낙 자주 쓰이는 것들인데, 그때마다 찾게 되어서 까먹지 않도록 정리. 속성 값 구하기 <img src=“OOOOO” width=“OOO” height=“OOO”> 와 같이 되어 있을 때, src, width, height...
[크롬 익스텐션 Tutorial] 내부, 외부 링크
크롬 익스텐션 Tutorial 내부, 외부 링크 링크 설정할 때, 익스텐션 내부에서 움직이는 것과 브라우저의 페이지를 변경하는 것 2가지가 있는데, 파라미터 전달하는 부분이 약간 다르다. html <!doctype html> <html...
[크롬 익스텐션 Tutorial] GET, POST 방식 호출하기
이번에 웹툰 뷰어 크롬 익스텐션을 만들면서, 가장 중요한 것은 서버의 데이터를 가져와서 뿌리는 부분이었다. 여기서는 간단하게 이미지만 출력하는 부분을 구현하였다. html, js, json을 만들어내는 php 3가지가 필요하다. html...
PHP Tutorial 사이트 추천 – PHPGang
나 같이 막 코딩하는 사람에겐 무엇보다 튜토리얼이 참 많은 도움이 되는데, 자주 찾게 되는 튜토리얼만 잘 모아놓은 사이트가 있어서 추천. 유명해서 알만한 사람은 다 알 것 같다는 생각도...
PNG 파일 사이즈를 줄여주는 맥용 앱 Pngyu 추천
웹서비스를 운영하면 이미지 사이즈에 민감해질 수 밖에 없다. 계정 용량도 그렇지만, 트래픽이 문제기 때문이다. 트래픽이 많아져도, 없어도 고민 가능하면 유입량은 많으면서 트래픽 사이즈는 줄이는게 중요한데, 그래서 이미지 사이즈를...
워드프레스 테마 설치 시, 400 Bad Requeset 오류 해결 방법
Your browser sent a request that this server could not understand. 오늘 cafe24에 새 계정에 워드프레스 설치를 도와줄 일이 있어서 하는데, 테마 업로드 시에 위와 같은 에러가 나왔다....
페이스북 공유시 썸네일 이미지 바로잡기
웹사이트에 좋아요, 공유하기 버튼을 설치하면 알아서 제목과 썸네일 이미지를 잡는다. 그런데 엉뚱한 제목이나 내용, 썸네일 이미지가 들어갈 수 있기 때문에 meta 태그에서 올바르게 설정해줘야 제대로 된 내용이 들어간다....
[HTML&CSS] 모바일웹 하단 광고 고정
앱처럼 모바일웹에도 배너를 하단에 고정시킬 수 있다면 수익이 좀 생길까 싶어서 알아봤는데, 일단 구글 애드센스는 불가능했다. 그런 사례가 걸린다면 계정을 없애버린다고. 잠깐 다른 이야기지만, 예전에 사이트 운영할 때...
[PHP, jQuery Tutorial] 검색어 자동완성 구현하기
만화책 제목으로 검색할 때, 앞부분만 맞으면 아래에 목록을 표시하는 기능을 구현하였다. 요즘은 너무나도 흔한 기능이지만, 꽤 오랫동안 구현하고자 생각만 하다가 이번 리뉴얼에 맞춰서 작업을 했다. 처음에 개념이...
[Javascript] Tab Navigation에서 최근 탭 활성화하기
현재 작업 중인 사이트에서 Tab Navigation이 필요한데, 시중에 잘 만들어진 라이브러리들이 하나 단점이 있어서 몇 차례 반복하면서 작업했었다. 탭이 5개가 있다고 가정했을 때, 2번째 탭이 활성화 된 상태에서...
[Javascript] 스크롤이 내려가면 줄어드는 헤더
스크롤이 내려가면 헤더를 작게 만들어서 고정시키는 방법이 많이 쓰인다. http://edition.cnn.com/ 을 보면 어떤 것인지 쉽게 알 수 있다. 그리고 가로 창 사이즈를 줄이면 모바일에 적합한 형태로 바로 전환되는...
[jQuery Plugin] 슬라이드쇼 플러그인 – Camera
코믹시스트를 모바일, PC, 태블릿 등에서 모두 최적화된 상태로 보여지게끔 만들고 싶어서, 슬라이드쇼 플러그인을 많이 찾아 헤맸던 기억이 난다. 메인 화면을 장식하는 영역이라 꽤 많은 조건이 필요했는데, 정리하자면 다음과...
알아두고 공부해야할 JavaScript 프레임워크들
JavsScript 프레임 워크들이 많아서 공부 할 것들이 너무 많다. 그래서 많이 쓰이면서 공부해야할 것들을 정리를 해보았다. 다른 곳에서 정리 한것을 재정리를 한 것이다. Angular.js http://angularjs.org Underscore.js http://underscorejs.org D3.js...
웹 서버 개발 플랫폼의 역할과 위치
w3techs.com은 웹 기술에 대한 조사 결과를 공유하는 사이트입니다. 이곳에서 웹 서버 개발 플랫폼의 시장 위치에 대한 보고서를 읽고 ASP.NET 개발자 입장에서 느낀점을 정리합니다. 저의 웹 개발 환경 경험은 ASP.NET...
가볍고 편리한 개발 도구 Brackets
Brackets 얼마 전 정말 별 상관없는 내용에 대해 구글링하다가 우연히 MIT 라이선스의 다중 플랫폼(Linux, OS X, Windows) 지원 웹 개발 도구 Brackets(brackets.io)를 알게 되었습니다. 최근 이래 저래 자주...
데이터베이스 스키마 구상
일단 컨셉은 이전 포스트에서와 같이 잡았고, 이제 해당 컨셉을 대략적인 ERD로 구성해 보았다. PageSchemas: 페이지를 구성하는 메타데이타를 저장한다. 향후 내부적으로 Strongly-typed object를 생성하기 위한 클라스 정의로도 쓰인다. ElementGroups:...
CMS 컨셉 잡기
배경 나는야 아는 사람만 아는 KUUG 운영자. 그동안 엄브라코 Umbraco 라는 CMS를 한 3년 써오다가 슬슬 직접 CMS를 만들어보자! 하고 호기롭게 작업을 시작했다. 아무래도 엄브라코는 2005년에 처음 만들어진...
멜번 VIC.NET 12월 모임 후기
매달 한 번씩 열리는 닷넷 개발자 모임. 이번달에도 어김없이 열렸는데… 이번에는 조금 특별한 시간이었다. 바로 Scott Hanselman이 오늘의 주인공. 스콧은 마이크로소프트에서 ASP.NET 을 오픈소스화 하는데 주도적인 역할을 하는...