AWS S3 란?AWS S3는 Amazon Simple Storage Service 약자로 클라우드 기반의 객체 스토리지 서비스이다. 웹사이트에서 사용할 이미지, 영상 문서 등 파일을 저장하거나, 서버 백업 및 로그 보관 등 다양한 파일 저장소로 사용이 가능하다. AWS S3 무료 이용하기신규 AWS 계정에 한해 가입 후 12개월 동안 일정 사용량을 무료(Free Tier)로 제공하며, 무료기간이 끝나거나 무료 한도를 초과하면 요금이 발생한다.[AWS S3 무료 제공 항목]- 5GB의 S3 스탠다드 스토리지- 매월 20,000 GET 요청- 매월 15GB의 데이터 송신(인터넷으로 전송하는 경우) S3 버킷 생성하기1. AWS 신규 회원가입 후, AWS S3 서비스(https://s3.console...

워드나 한글 프로그램이나 일반페이지에 있는 것을 그대로 복사 붙여 사용하면 필요없는 태그들까지 복사하게 된다.이 경우 Visual Studio Code에서 정규표현식으로 쉽게 태그 제거가 가능하다.  정규 표현식 적용 전  태그 제거 방법 1) Ctrl + H를 누른 뒤, 세번째 아이콘(Use Regular Expression)을 클릭한다. 또는 Alt + R 을 누르면 선택이 된다.  2) 위칸에 아래처럼 정규식을 입력해준다. 이 정규식은 정규식에 작성한 태그 외의 태그를 모두 제거하는 정규식이다. |는 '또는'이라 지우면 안되는 태그들을 모두 |로 구분해서 넣어주면 된다. 아래의 경우에는 이미지태그(img), 링크태그(a href, /a), 테이블태그(tr, td, tbody, table, /tr, ..

그누보드 영카트 게시판에서 이모지를 등록하면 물음표로 뜨게 된다. 이 경우 CHARSET을 변경해주어야한다. 1. DB 기본 셋팅 변경 ALTER TABLE `yourDBName`.`yourTableName` CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; 2. config.php 파일 변경 기존 define('G5_DB_CHARSET', 'utf8'); 변경 define('G5_DB_CHARSET', 'utf8mb4'); 3. /adm/sql_write.sql 기존 ENGINE=MyISAM DEFAULT CHARSET=utf8; 변경 ENGINE=MyISAM DEFAULT CHARSET=utf8mb4; utf8이라 되어있는 부분을 utf8mb..

갤러리나 게시판 게시글이 많아지면 카테고라이징이 필요한 경우가 생긴다. 그누보드에서 게시판에 카테고리를 생성하여, 글 등록시에 카테고리를 선택할수도 있지만 날짜에 따라 자동으로 카테고라이징 하여 볼 수 있게 추가 카테고리를 추가하는 작업을 하였다. 예시화면 기본적으로 현재 연도에 해당하는 게시물만 보여지며, 게시판 우측 상단에서 연도를 선택한 뒤 '이동하기'를 클릭하면 해당 년도에 속하는 게시물만 볼 수 있도록 하는 기능이다. 코드 수정 방법 나의 경우에는 날짜를 게시물 등록 날짜가 아닌 사진을 찍은 날짜로 선택해서 등록할 수 있도록 하여서 날짜부분이 여분필드인 wr_1로 되어있는데, 게시물 등록날짜로 구분하고 싶은 경우에는 wr_1을 wr_datetime으로 변경해서 사용하면 된다. 1) /bbs/ca..

1. 구글 사이트 등록 전 - SEO 설정 구글 사이트 등록하기전에 홈페이지 사이에 메타태그를 적절히 넣어줘야한다. SEO 메타태그 관련한 자세한 내용은 아래 포스팅 참고 https://hongpage.kr/14 [네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정 네이버에 사이트 등록하기 (네이버 웹마스터도구) STEP 1. 메타태그 삽입 네이버 또는 다른 포탈사이트에 내 홈페이지를 등록하기 위해서는 몇가지 설정을 해야하는데 그 중 가장 먼저 해야할 일 hongpage.kr 2. 구글 사이트 등록하기 1) 구글에 사이트 등록은 서치콘솔에서 가능하다. https://search.google.com/search-console?hl=ko 에 접속한 뒤, 오른쪽 URL 접두어 란에 사이트 주소..

다음 검색시 사이트가 뜨게 하려면 다음에 사이트 등록을 하면 되는데, SEO설정 없이 간단하게 아래와 같이 신청하면 하면 된다. 다음 사이트 검색 등록하기 1. 다음 검색등록 페이지(https://register.search.daum.net/index.daum)에 접속한 뒤, 가운데 등록화면 URL에 등록할 홈페이지 주소를 입력한다. 2. 개인정보 및 서비스 이용 동의에 체크 후 [확인]을 누른다. 3. 검색시 나오게할 정보들을 입력하면 된다. 1) 제목(필수) : 사이트이름 2) 모바일 URL : 별도의 모바일 홈페이지 주소가 있는 경우 적어준다. ex) 카페24 쇼핑몰의 경우 기존 주소 앞에 m. 붙은 모바일 주소 3) 설명 : 검색시 사이트이름 아래에 나오는 설명 4) 설명-품목 (필수) : 검색시..

홈페이지에 대한 기본적인 설정을 할 때 유용하게 쓰이는 .htaccess 파일 이 파일에서 정의를 하면 긴 주소도 짧게 사용이 가능하다. 리다이렉션 기본 코드 에디터에 아래와 같이 작성 한 뒤, 서버 가장 상위 폴더에 업로드하면 된다. RewriteEngine On RewriteBase / RewriteRule 줄일주소 /기존주소 [L] 한줄한줄씩 해석을 해보자면 아래와 같다. RewriteEngine On

1) /lib/thumbnail.lib.php 파일 $thumb_tag 부분 주석처리 // $img_tag에 editor 경로가 있으면 원본보기 링크 추가 $img_tag = $matches[0][$i]; if(strpos($img_tag, G5_DATA_DIR.'/'.G5_EDITOR_DIR) && preg_match("/\.({$config['cf_image_extension']})$/i", $filename)) { $imgurl = str_replace(G5_URL, "", $src); //$thumb_tag = ''.$thumb_tag.''; } 2) /lib/common.lib.php 파일 $img 첫번째, 세번째 주석처리 if (preg_match("/\.({$config['cf_image_e..

영카트 쇼핑몰은 네이버페이와 연동하는데 아래와 같은 메일을 받았다. 네이버쇼핑 입점이 완료되실 경우 네이버페이 연동 시 주문 등록 과정에서 쿼리 스트링 중 네이버쇼핑 상품ID(EC_MALL_PID) 항목을 전송해주셔야 합니다. 네이버쇼핑에 입점하시어 네이버 쇼핑 검색에 판매 상품을 노출하고 계시는 가맹점은 네이버페이를 연동할 때 관련된 정보(MAPID)를 함께 제공해주셔야 합니다. EC_MALL_PID는 다른 상품 관련 정보들(ITEM_ID, ITEM_COUNT, ITEM_NAME... 등)에 1:1로 대응하여 보내주시면 되며, 해당 항목의 값은 네이버 쇼핑으로 송출중인 상품 ID(MAPID 또는 MALL PID) 값을 입력해주셔야 합니다. 이게 무슨말인가했는데 아래와 같이 간단히 한줄만 추가해주면 된다..

일러스트레이터에서 PDF로 내보내기 하는 경우 이미지가 깨져보이는 경우가 있다. 이 경우 간단하게 설정만 바꾸면 고화질로 내보낼 수 있다. 1) 파일 > 내보내기 > 화면에 맞게 내보내기 클릭 후, 내보낼 대지를 선택한 다음 포맷을 PDF로 한 뒤, 바로 오른쪽 위쪽 톱니바퀴 아이콘을 클릭한다. 2) PDF를 선택 후, Adobe PDF 사전설정을 [고품질 인쇄]로 선택한다. 설정값 저장 후, PDF 내보내기하면 끝! (물론 고품질 인쇄로 하면 PDF 용량이 배가 커지는 단점이 있긴하다.) PDF [고품질 인쇄] 설정 전/후가 이렇게나 화질 차이가 난다. 꼭 [고품질 인쇄]로 설정하고 PDF로 내보내기!!!

쇼핑몰을 제작하다보면 각 택배사별 배송을 조회할 수 있는 링크가 필요해서 정리해보았다. 송장번호라고 적힌 부분에 송장번호(숫자만)입력하면 된다. 생각보다 택배회사가 많아서 계속해서 업데이트될 예정. 국내 택배사 CJ대한통운 https://trace.cjlogistics.com/web/detail.jsp?slipno=송장번호 조금 더 깔끔한 버전▼ https://trace.cjlogistics.com/next/tracking.html?wblNo=송장번호 CJ로지스틱스 http://ex.korex.co.kr:7004/fis20/KIL_HttpCallExpTrackingInbound_Ctr.do?rqs_HAWB_NO=송장번호 우체국택배 https://service.epost.go.kr/trace.Retriev..

스티커 메모는 윈도우에서 간단하게 메모를 작성할 수 있어 유용하게 사용하는 프로그램인데 메모를 확인하려면 스티커메모 프로그램을 열어서 확인해야 하는 번거로움이 있다. 컴퓨터를 켜면 윈도우 시작 시 자동으로 스티커 메모를 실행할 수 있는 아주 간단한 방법을 알게 되어 정리해 본다. 1) 내컴퓨터나 아무 폴더창 경로 나오는 부분에 shell:startup을 입력하고 엔터. 그러면 시작프로그램 폴더로 이동하게 된다. 2) 윈도우 버튼을 눌러 '스티커메모' 프로그램을 찾은 뒤, 시작프로그램 폴더로 드래그하여 넣어준다. 아주 간단하게 끝! 3) 컴퓨터를 다시 재부팅해보면 컴퓨터 켤 때 자동으로 스티커메모 프로그램이 실행되는 것을 확인할 수 있다. 다른 프로그램도 윈도우 시작 시 자동으로 실행되게 하고 싶다면 동일..

사용방법이 따로 필요 없을 정도로 간단한 매크로 프로그램이 있어 사용방법을 정리해보려고 한다. UI 자체가 복잡하지 않고 간단하게 매크로 설정이 가능하도록 되어있어 수강신청이나 게임 등 매크로가 필요할 때 편리하게 사용 가능하다. (윈도우에서만 사용 가능) 매크로 프로그램 Key Macro 사용방법 1. 아래 파일을 다운 받아 압축을 푼다. 2. 압축 푼 뒤, 나오는 파일 중에 key_macro.exe 파일을 클릭해서 연다. 3. 실행 중단과 편집을 선택 한 뒤, [추가]를 클릭한다. 4. 키보드 추가/마우스 추가/지연추가/문자열추가/매크로 호출 / 독점영역 추가 / 반복구간 중에서 매크로에 필요한 과정을 클릭하여 하나하나씩 추가해 주면 된다. [키보드추가] 키보드 자판 중 한 키를 누르도록 한다. 추가..

네이버 블로그는 레이아웃·위젯 설정 페이지에서 자유롭게 위젯 추가가 가능하다. 위젯을 통해 블로그 스킨 내에 원하는 이미지를 넣거나 링크 연결이 가능하다. 이미지에 링크를 걸기 위해 태그를 사용해 링크를 걸면 쉽게 링크를 걸 수 있는데, 이 경우 클릭시 자동으로 새창으로 창이 열리게 된다. 새창으로 열리도록 원하는 경우에는 상관없지만 같은 창에서 열리기를 원하는 경우 target="_top"을 추가하여도 코드를 저장하면 자동으로 a 태그 내에 target="_blank"가 추가되어 새창으로 열리게 된다. A태그 사용한 현재 창에서의 페이지 이동 (작동 X) a태그 내에 taget="_top"을 추가하여도 자동으로 taget="_blank"가 추가되어 새창으로 열리게 된다. 새창으로 열리지 않고, 같은 창..

일러스트 작업을 하는 도중, 크기 조절을 하려고 영역을 선택하였는데, 각 모서리 부분이 크기를 조절할 수 있도록 빈 네모(□)가 아닌 고정점 처럼 채워진 네모로 보여지는 문제가 발생하였다. 이 경우 일러스트 메뉴 [보기] > [테두리 상자 표시]를 클릭하면 간단하게 해결이 가능하다. (단축키 Shift + Ctrl + B) 그러면 이렇게 크기 조절 할 수 있는 테두리 상자가 표시되게 된다.