쇼핑몰에서 등록하는 상품 사진에는 다른 상품들도 같이 포함될 수 있다. 이런 경우 각 상품 정보를 편리하게 확인할 수 있도록 돕는 기능이다: 각 상품 영역에 마우스 오버 시 간단한 설명이 포함된 상자를 표시한다. 각 상품 영역 또는 상자 내용 클릭 시 그 상품 링크로 이동한다. 예제 코드 링크: Codepen 주의사항: 기능은 간단하지만 사진 업로드 시 약간의 작업이 요구된다. 사진마다 상품 영역을 지정해주고, 일정 규칙대로 코드를 수정해줘야 한다. 1. 공통 코드 추가 마우스오버 상자 및 링크 연결을 위한 공통 코드를 추가한다. 추가한 공통 코드: SHOP NOW 2. 이미지 영역 설정 및 업로드 2-1. 이미지 업로드 먼저 이미지를 업로드해서 이미지 링크를 획득한다. 2-2. 이미지 영역 설정 이미지..
구글 지도 API 사용을 위한 결제 수단 설정
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 중에서 하나의 문자와 매칭된다. 반대로 특정 문자들을 ..
유지보수 업무란 (유지보수 계약 내용에 따라 조금 달라질 수 있겠지만) 클라이언트의 요청사항이 생길 때만 대응하는게 아니라 아래 사항들을 정기적으로 수행하는 것이다. 웹사이트 운영(유지보수) 시 고려사항 1. 자료 현행화 관리: 업데이트 주기 수립, 지식재산권 고려 - 자료 현행화 관리가 되지 않는 웹사이트는 "죽은" 웹사이트이다. 2. 게시판 및 커뮤니티 관리 3. 로그파일 체크: 6개월 이상 보관(국가정보보안기본지침 제27조), 월간 분석 4. 디자인 수정 및 보완: 이용에 혼돈을 주지 않는 범위에서(?) 디자인에 주기적인 변화(?) 5. UI/UX 수정 및 보완 6. 프로그램 디버깅: 사용자의 요구나 접속 형태에 따라 프로그램 수정이나 디버그 7. 시스템 성능관리 8. 보안관리: 업데이트 절차, 사..
[Tomcat] woff2 파일 로딩 오류 404 (Not Found)
페이지 로드 시 woff2 파일만 로딩되지 않는 오류가 발생했다.프로젝트 폴더 경로는 정확히 맞는데, 실행된 웹서버 URL에서 경로를 입력하면 파일이 존재하지 않았다.원인은 Tomcat 8.0 설정에 있었다. 프로젝트가 아닌 Tomcat의 web.xml 파일에 다음 코드를 추가했더니 해결되었다. woff application/x-font-woff woff2 font/woff2 좀 더 알아봐야할 내용: mime-mapping 설정, woff2 폰트 파일
- Total
- Today
- Yesterday