본문 바로가기

분류 전체보기138

로컬호스트로 여러 개의 가상서버 돌리기 사이트를 여러 개를 관리하면서 개발하다보니 매번 서버에 업로드해서 작업하기도 힘들고 해서 로컬호스트로 돌리고 있는데, 각 폴더별로 사이트를 만들어서 하다보니 http://localhost/abc, http://localhost/def 이런 식으로 접속을 하는데 종종 루트디렉토리를 못찾아서 에러가 나는 경우가 있다. 이럴 때, 각각의 디렉토리를 루트로 인식시켜주려면 가상호스트를 이용하면 된다. 우선 C:\Windows\System32\drivers\etc에 있는 hosts 파일을 다른 폴더로 복사한다. (바로 이 폴더에서 작업한 후 저장하면 관리자권한 에러가 나서 저장이 안되니 다른 폴더에서 작업 후 복사하는게 낫다.) hosts 파일을 수정하지 않으면 DNS 에러가 난다. hosts 파일을 열어 127... 2016. 2. 16.
jQuery, Ajax로 한 페이지에 있는 여러 개의 폼을 전송하기 (쇼핑몰 상품 목록의 경우) How to submit multiple forms in a same page with jQuery/Ajax and get multiple return values via json. (e-commerce site) 쇼핑몰에서 고객이 상품을 장바구니에 담고 그 값을 다른 페이지에서 처리한 뒤 다시 상품 페이지로 돌아가 페이지가 리프레시된다면 썩 좋은 방법은 아니다. (아니면 같은 페이지에서 DB 처리를 할 수도 있겠지?)그래서, 화면을 리프레시하지 않고 어떤 결과값을 받아오기 위해 사용되는 것이 ajax다. 위의 그림에서 보듯이 상품목록에는 여러 개의 form 값이 들어가게 된다.이걸 ajax로 전송하려면 어떻게 해야할까?그리고 여러 개의 결과값을 받으려면 어떻게 해야할까?구글링을 하다가 몇 가지 힌트를 .. 2014. 8. 16.
용량이 큰 sql 덤프파일 가져오기 XAMPP 설치 후 phpmyadmin에 들어가 덤프받은 DB를 가져오려니 역시나 용량이 80메가 정도 되다보니 기본 설정값으로는 불러올 수가 없다. 일단 php.ini에서 upload_max_filesize 과 post_max_size를 각각 100M로 고쳐보았다.잘 되나 싶었지만 시간초과에 걸린다...-_-; 안내되어있는 documenation을 보니 여러 개로 나눠주는 bigdump라는 것이 있다.근데 이건 PHP 파일이네...쩝. 하지만 어렵지 않다.파일은 다운로드 받아 열어보면 DB 세팅 부분이 있는데 로컬호스트에 있는 데이터베이스에 맞게 설정해주면 된다. 그리고, 로컬호스트의 웹서버 디렉토리에 (예를 들자면) dump 디렉토리를 하나 만들고 bigdump.php 파일을 복사한다.덤프받은 sql.. 2014. 8. 6.
로컬 아파치 서버 XAMPP 설치 및 포트 80 에러대처 예전에는 로컬에서 아파치 서버를 운영할 때 AMP를 많이 썼던 것 같은데 요즘은 XAMPP도 많이 쓰나보다. XAMPP - Apache + MySQL + PHP + Perl 회원 DB를 급히 복구할 일이 생겨서 서버 호스팅에서 sql 덤프파일을 받아 로컬에서 복원하기 위해 XAMPP를 설치해 보았다. 하지만 실행되자 마다 떡 하니 나오는 아파치 에러 메시지. Port 80 in use by "Unable to open process" with PID 4! 검색해 보니 역시나 stackoverflow에 답변이. 1. 명령 프롬프트를 실행한다. (관리자로 실행한다.) Window + x 를 누르면 메뉴가 나오는데 거기서 선택 가능.2. net stop was /y 입력해서 네트워크 서비스를 모두 중지시킨다... 2014. 8. 6.
추천 git 무료 인터넷 강의 udemy.com 에서 찾을 수 있는 무료 git 강의이다.udemy.com 에서는 종종 품질 좋은 무료강의들을 찾을 수 있는데 이 강의도 그렇다. 무엇보다 길지 않고, 마음만 먹으면 1시간 안에도 전부 볼 수 있다.간결하면서도 알기 쉬운 설명으로 git에 대해 금새 익힐 수 있다. Git Going Fast: One Hour Git Crash Coursehttps://www.udemy.com/git-going-fast/ 2014. 8. 5.
추천 bootstrap 3 인터넷 강의 udemy.com 에서 들었던 인터넷 강의이다.설명도 굉장히 잘 되어 있고, 아이폰같은 작은 화면에서도 코딩장면이 잘 보이도록 확대가 되고 있어 보기에 편하다. 처음부터 끝까지 부트스트랩을 이용해서 인덱스 페이지를 만드는 것을 하나 하나 보여준다.이런건 어떻게 만들었지? 하는 궁금증이 들었던 부분들도 있어서 도움이 되었던 것 같다. Code a Responsive Website with Twitter Bootstrap 3https://www.udemy.com/code-responsive-website-twitter-bootstrap/ 아쉽게도 $79 유료강의이지만 종종 세일이나 할인쿠폰 등을 발행하는 경우가 있으니 그 때를 이용하면 $20 이하에도 들을 수 있다. 2014. 8. 5.
twitter bootstrap으로 웹사이트 만들기 bootstrap은 그간 웹디자이너가 개별적으로 만들어서 사용해야 했던 각종 css 정의들을 모아둔 라이브러리같은 것이다.마치 표준처럼 제공되기 때문에 누가 만들어도 똑같은 디자인을 뽑아낼 수 있다. (어쩌면 이것은 단점이기도 하다.)장점으로는 그만큼 생산성이 높아지고 불필요한 css를 정의하는데 들이는 시간을 크게 단축시킬 수 있다. 실제로 기존 사이트에 적용을 해보니 그간 별도로 만들어서 써야했던 각종 버튼 모양이나 modal window같은 컴포넌트들도 아주 손쉽게 추가해서 사용할 수 있어 생산성을 높힐 수 있었고 대단히 매력적이었다. 최근 해외 사이트들을 보면 이 트위터 부트스트랩으로 만들어진 사이트들을 자주 볼 수 있다.아래 사이트를 방문해 보자. http://builtwithbootstrap... 2014. 8. 5.
템플릿을 이용해 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.

티스토리툴바