희도의 놀이터

쇼핑몰에서 등록하는 상품 사진에는 다른 상품들도 같이 포함될 수 있다. 이런 경우 각 상품 정보를 편리하게 확인할 수 있도록 돕는 기능이다: 각 상품 영역에 마우스 오버 시 간단한 설명이 포함된 상자를 표시한다. 각 상품 영역 또는 상자 내용 클릭 시 그 상품 링크로 이동한다. 예제 코드 링크: Codepen 주의사항: 기능은 간단하지만 사진 업로드 시 약간의 작업이 요구된다. 사진마다 상품 영역을 지정해주고, 일정 규칙대로 코드를 수정해줘야 한다. 1. 공통 코드 추가 마우스오버 상자 및 링크 연결을 위한 공통 코드를 추가한다. 추가한 공통 코드: SHOP NOW 2. 이미지 영역 설정 및 업로드 2-1. 이미지 업로드 먼저 이미지를 업로드해서 이미지 링크를 획득한다. 2-2. 이미지 영역 설정 이미지..

0. 구글 로그인 계좌를 연동할 구글 계정을 새로 생성하거나, 연동할 계정으로 로그인한다. 1. 구글 클라우드 접속 https://cloud.google.com/maps-platform/?hl=ko 2. 구글 지도 옵션 선택 Maps: 기본적인 지도 조회 Routes: 지도에서 경로 찾기 Places: 구글에 등록된 장소들 3. 구글 지도를 사용할 새 프로젝트 생성 후 프로젝트명 입력 + Create a new project 선택 후 [프로젝트명] 입력 4. 결제 계정 만들기 선택 5. 약관 동의 후 계속하기 (1/2단계) 6. 정보 입력 (2/2단계) 7. 마지막에 결제 수단 입력 후 무료 평가판 시작하기 선택 기타 주의사항: 구글 지도는 한글/영문 모드와는 상관없이 해외IP로 접속하면 동해를 일본해로..

진행중인 프로젝트에서 썸네일 기능이 고장나 있는 걸 발견했다. error_log() 를 이용해 디버깅했다. 썸네일 생성 코드인 thumb() 안에 있는 $this->resize()에서 오류가 발생하고 있었고, $this->image_lib->error_reporting(E_ALL); 를 호출해서 오류 로그를 확인했다. The GD image library is required for this feature. Your server does not support the GD function required to process this type of image. JPG images are not supported.라이브러리를 정상적으로 불러오지 못했거나, 라이브러리가 지원하지 않는 기능을 사용한 것이다. 검색..

Windows 10 Pro, Apache 2.4.23, PHP 5.4.13, MySQL 5.1.52 데이터베이스 복사 웹서버와 소스를 먼저 이관하더라도 DB가 없으면 홈페이지 첫 화면부터 안 뜰 수도 있다. DB부터 복사한다. 먼저 실서버 버전을 확인한다. MySQL 버전 확인 $ mysql --version 실서버는 5.1 이었지만 버전이 조금 높아도 크게 문제 없으리라 짐작하고 MySQL 5.6에 복사했다. 복사 과정은 다음과 같다. 실서버 DB 백업 $ mysqldump -u [USER_ID] -p [PASSWORD] --databases [DATABASE_NAME] > BACKUP_FILE_NAME.sql 실서버에 생성된 백업 .sql 파일을 테스트 서버로 옮긴다. 함수, 트리거, 인덱스, 외래키..

Lesson 1: An Introduction, and the ABCs | RegexOne 정규 표현식은 코드, 로그 파일 등에서 정보를 추출하는데 매우 유용하다. 실용적인 예제 위주의 학습을 해보자. 첫 번째로 인지해야할 사항은 모든 것은 하나의 문자라는 것이다. 숫자도 문자다. \d 문자는 0~9 중 하나의 숫자와 매칭된다. \ 문자 뒤에 오는 문자는 메타문자다. 그 문자 그대로가 아니라 별도의 특수한 기능을 한다. 조커 카드처럼 만능의 문자가 있는데, 정규 표현식에서는 . 이다. 문자, 숫자, 띄어쓰기, 모든 것과 매칭된다. 온점을 나타내려면 \. 을 사용한다. 특정 문자들과 매칭되게 하려면 대괄호 []를 이용한다. [abc] 는 a, b, c 중에서 하나의 문자와 매칭된다. 반대로 특정 문자들을 ..