본문 바로가기

12

템플릿을 이용해 15초 만에 랜딩 페이지 만들기 Start an HTML 5 project in 5 seconds! http://www.initializr.com/ 이 사이트의 모토다. 말 그대로 클릭 몇 번이면 멋진 템플릿을 만들어 준다.사실 새로운 프로젝트를 시작할 때 마다 비슷비슷한 랜딩 페이지를 반복적으로 만들어 재사용한다는 것도 참 피곤한 일이다. 그래서 이 사이트에서는 HTML5, Responsive, Bootstrap 등 3가지 종류의 템플릿을 만들 수 있다.Responsive는 최근에 각광받고 있는 반응형 웹 디자인이라고 하겠다.PC는 물론 모바일 기기에 대응해서 화면 크기에 따라 자동적으로 웹 페이지의 컨텐츠를 정열해서 보여준다고 보면 된다. 처음에 jQuery mobile을 하면서 이 말을 처음 접했을 때 사실 감이 잘 오지 않았다... 2014. 7. 30.
도로명 주소 적용하기 현재 운영하고 있는 쇼핑몰에서 최근에 가장 골치 아팠던 부분이 바로 도로명 주소 입력. 기존 거래업체들이 도로명 주소를 입력하는데 그나마 제대로 된 것을 입력하면 다행이지만 경우에 따라 잘못 알고 있는 경우도 있어서 주소를 못찾아 택배기사에게 항의 전화오고...-_-; 또 택배기사들은 택배기사들대로 새 주소에 적응하지 못해 배달이 지연되는 일도...그래서, 도로명 주소를 구축하려고 알아보니 http://www.juso.go.kr 에서 뭔가 지원을 해주는 것 같긴 한데 전화해서 담당자 확인하고 메일 보내도 묵묵부답. 그러다 최근에 다시 오픈예정인 쇼핑몰 구축하면서 도로명 주소도 검색이 되게 해달라고 하기에 우연찮게 검색 중에 이미 DB를 구축해 놓은 postcodify 라는 알게 되었다. 오호라 이거면 되.. 2014. 7. 29.
웹 개발 초보자를 위한 추천 udemy 강의 https://www.udemy.com/complete-web-developer-course/ 이 강의도 재미있게 들은 강의다.영국 캠브리지에서 현역 웹 개발자로 종사하는 젊은 친구의 강의인데, 중간 중간 PDF 파일로 웹 개발자가 되어 돈버는 방법 등에 대해 자신의 의견을 제시해 주기도 한다. (뭐 실제로 본인은 프리랜서로서 자유로운 삶을 살고 있다고 한다.) 초보자를 위한 코스이다보니 깊이가 있는 것은 아니지만 다양한 기술들을 다루고 있어서 일종의 가이드 역할을 해준다.아 이런 이런 분야를 배워야 이런 이런 것들을 할 수 있겠구나...하고. 이런 강의를 들으면서 jQuery나 bootstrap, wordpress에 대해서 좀더 알게 되었다. 2014. 7. 21.
프로그래머의 준비물이라...나중에 써먹어야지 트랙백은 어떻게 거는건지...--a http://altistory.net/3014/trackback 2010. 12. 2.
웹 표준 개발자의 IE8 고려사항. 네이버 스마트에디터의 UI를 담당하고 계신 정찬명님(지금도 담당하고 계신가?)이 쓴 글입니다. 웹프로그래머나 디자이너라면 참고적으로 꼭 한번 읽어보면 도움이 되지 않을까 싶습니다. http://naradesign.net/wp/2009/03/12/670/ IE8이 웹표준에 맞춰 개발이 되었다고는 하는데 ACID3에서는 매우 낮은 점수를 받아 정말 웹표준을 지원하는 것이 맞냐는 반발도 많은 것 같습니다. (참고로 애플 사파리나 오페라 브라우저는 100점에 가까운 점수를 받았다고 하더군요.) (파이어폭스 3.1 베타3의 Acid3 점수. http://acid3.acidtests.org/) 어쨌거나, 과거 비표준 IE7에 맞춰서 개발된 웹사이트들은 당장은 IE8에서 호환성 모드를 제공하기 때문에 웹페이지가 깨지.. 2009. 3. 21.
지메일을 메일서버로 사용하기 현재 사용 중인 도메인을 웹호스팅 중이긴 하지만, 평상 시에 지메일을 사용 중이었는데, 메일을 읽던 중 상단에 뜨는 지메일 광고문구를 보고는 지메일을 메일서버를 사용할 수 있다는 것을 알았디. Google Apps에서 제공하는 기업용 메일이다. (http://www.google.com/a/help/intl/ko/admins/editions.html ) 표준형은 메일 계정을 50개까지 무료로 제공하며 용량도 계정 당 7기가가 넘는다. 왠만한 소규모 업체라면 별도의 유료 메일서버 등을 이용하지 않고도 충분한 용량의 무료 웹이메일을 쓸 수 있는 것이다. 1. 가입을 하기 위해서는 먼저 도메인을 가지고 있어야 하고, 도메인을 관리할 수 있는 권한을 가지고 있으면 더 좋다. 2. 가입 후에는 도메인 소유자라는 것.. 2009. 2. 16.
무료로그분석 BBCLONE 커스터마이징하기 위의 사진은 BBCLONE에서 제공하는 함수를 이용해 별도의 로그분석 페이지를 만든 것입니다. 물론 bbclone 자체의 화면도 예쁘지만, 아무래도 사이트에 통합하고 하려면 별도의 페이지를 구성할 필요가 있는데, 다행히 bbclone에서 제공하는 몇 개의 함수를 가지고 분석값들을 뽑아낼 수 있습니다. http://help.bbclone.de/index.php?n=Examples.Example7 위의 링크를 보면 함수를 사용하는 예제가 나와 있습니다. 그런데 실제로 적용해 보니 Fatal error 라며 bbc_html 클래스가 없다는 메시지가 나오더군요. 에러가 발생하는 selectlang.php를 열어보니 if (!defined('_BBC_PHP')) die(); // initialising the H.. 2009. 1. 7.
무료 로그분석 BBCLONE 사용하기 쓸만한 로그분석툴을 찾다보니 대부분 직접 서버를 운영해야 설치가 가능하거나, 또는 물론 자기가 다 관리하는 사이트라면 상관없겠지만 로그인을 해서 봐야해서 범용성이 떨어지더군요. 그래서 웹호스팅 서버에서도 작동시킬 수 있는 웹로그 분석툴을 찾아봤는데, bbclone 이라는 PHP로 된 로그분석툴을 알게 됐습니다. 설치고 간편하고 설정도 어렵지 않습니다. 한글도 지원하기 때문에 좋은 것 같습니다. http://bbclone.de/ 사이트 좌측메뉴에 데모가 있으니 한번 구경해 보는 것도 나쁘지 않습니다. 아래 간단한 설명을 적어봤습니다. 1. 파일을 다운받아 서버의 루트 디렉토리에 업로드한다. 2. 디토렉토리 권한은 666으로 하라는데 해보니 안되더군요. 그래서 755로 했습니다. (텔넷이나 FTP 프로그램에.. 2009. 1. 5.
블루피시에서 UTF-8로 문자 인코딩 바꾸기 eclipse를 잠깐 동안 사용했었습니다만, 익숙해지면 굉장히 좋은 프로그램 같기는 한데, 조금 무겁고 사용방법을 잘 몰라 결국 포기하고 다시 블루피시로 돌아왔습니다. 튜닝은 끝은 순정이라고 했나? 역시 간편하면서도 쓸만한게 블루피시더군요. 무엇보다 문자 인코딩이 자유로운게 좋습니다. 예전에 작성된 php 소스 등을 보면 euc-kr로 되어 있어서 PHP5에서 UTF-8을 사용할 때는 글자들이 모두 깨지는 현상이 있는데, 블루피시 Document -> Character Encoding에서 UTF-8을 선택한 후 저장을 하면 문서가 utf-8 형식으로 깔끔하게 저장이 됩니다. 맥에서는 유명한 TextMate가 있는데 여기서도 utf-8로 저장할 수 있는 옵션이 있긴 한데, 해보니 한글 텍스트가 모두 깨져버.. 2008. 12. 8.