현재 가장 인기있는 글

매크로 프로그램 추천 키매크로 Key Macro 다운로드, 사용 방법, 수강신청

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

tip 2023.04.25 2012

일러스트레이터 PDF 내보내기 이미지 고화질로 저장하기

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

tip 2023.08.24 168

택배 배송조회 주소 URL 정리 / 배송추척

쇼핑몰을 제작하다보면 각 택배사별 배송을 조회할 수 있는 링크가 필요해서 정리해보았다. 송장번호라고 적힌 부분에 송장번호(숫자만)입력하면 된다. 생각보다 택배회사가 많아서 계속해서 업데이트될 예정. 국내 택배사 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..

tip 2023.05.26 2

[php] 에러메시지 나타내기 / php 오류 찾기

php 코드작업을 하다가 제대로 작동안할 때, 일부러 에러메세지를 출력하여 어디서 오류가 났는지 확인 할 수가 있다. 아래 코드를 파일 안에 넣어준다. 그러면 아래처럼 코드를 추가한 페이지에 에러메세지가 뜨게 된다. 이 에러메세지를 확인한 후, 알맞게 코드를 수정하면 된다. 아래 메세지의 경우에는 변수들이 제대로 정확히 정의되지 않아서 발생한 에러이다. 반대로 에러메세지가 뜨는 경우, 뜨지 않게 하려면 아래 코드를 추가하면 된다.

php 2022.12.19 3

스티커 메모 윈도우 시작시 자동으로 실행 하는 방법

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

tip 2023.05.23 144

jquery | .not() 특정 선택자만 제외하기

.not() jquery 선택자 중에 특정 요소(특정 클래스, 특정 아이디)만 제외하고 싶은 경우 아래와 같이 사용하면 된다. .not(selector) 사용 예시 1) 클래스명이 link인 것만 제외한 a 태그 $('a').not('.link').css(); 2) 링크 주소가 #인 것만 제외한 a태그 $('a').not('[href^=#]').css(); 3) 클래스명이 content 가 아닌 #section $('#section').not('.content').css(); .not() 여러개 지정하기 아래와 같이 두가지 방법으로 사용 가능하다. [방법1] 선택자(여기서는 a태그) 밖에 .not()을 사용하여 '제외할 선택자1, 제외할선택자2' 로 표기한다. ※ 주의 ※ 작은 따옴표 안에 제외할 선택자..

js·jquery 2022.10.18 2

CSS로 화살표 < > 만들기

슬라이더를 사용하거나 버튼에 들어갈 이런 화살표가 필요한 경우, 예전에는 이미지로 많이 넣었지만 요새는 디바이스 크기가 너무나도 다양해져서 해상도에 따라서 좀 깨져보이기도 한다. 어느 상황에서도 깨져보이지 않게 css로 그려보도록 했다. ::after 요소를 사용해서 border를 넣어 각도를 조절하면 쉽게 화살표를 만들 수 있다. 비슷하게 "CSS만으로 X 버튼 만드는 두가지 방법" 은 이 글 참고 CSS만으로 X 버튼 만드는 두가지 방법 닫기 버튼 만드는 경우 그냥 X 쓰기에는 세로로 긴 알파벳 모양이라 디자인적으로 좀 그렇고, 이미지로 사용하기에는 살짝 귀찮고했는데, CSS 만으로 X 버튼 만들기가 가능하다는 사실!! 첫번째 hongpage.kr CSS 코드 .arrow { position:..

html·css 2021.12.21 2

[php] strpos(), strrpos(), in_array() 특정 문자열 검색하기

strpos()와 strrpos() 함수는 strstr()과 유사한 방식으로 동작한다. 하지만 strpos()의 실행 속도가 더 빠르기 때문에 strstr()대신 strpos()의 사용을 권장한다고 한다. 문장이나 특정 변수에서 특정 문자가 있는지 체크하려면 strpos(), strrpos() 함수를 사용하면 된다. strpos([대상 문자열], [조건 문자열]) strpos([대상 문자열], [조건 문자열], [검색시작위치(숫자)]) strrpos([대상 문자열], [조건 문자열]) strrpos([대상 문자열], [조건 문자열], [검색시작위치(숫자)]) 둘의 차이는 strpos 함수는 영문자의 대소문자를 구별하여 검색한다. 영문자 대소문자를 구별하지 않고 검색하려면 strrpos()함수를 사용하면 ..

php 2021.05.26 6

디자인

more

html·css 2024.08.29 0
[CSS] grid item 크기 넘칠 때

Grid 아이템을 한줄에 두개씩 나오게하기 위해 아래와 같이 CSS 코드를 넣었는데, 어떠한 경우에는 아이템 크기가 넘쳐서 화면을 벗어나는 경우가 생겼다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, 1fr);}  무슨 이유인지는 잘 모르겠으나, 구글링한 결과 아래처럼 바꿔줬더니 해결 가능했다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, minmax(0, 1fr));}     참고 : https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items

html·css 2024.06.17 4
유튜브 영상, 쇼츠 화면 반응형 코드 iframe embed

유튜브 영상이나 쇼츠를 유튜브에서 복사한 코드 그대로 가져오는 경우, 반응형이 아니라서 기기에 따라 양옆에 여백이 생기게 된다.  적용전   반영형 영상 1) 먼저 영상 아이프레임 코드를   로 감싸준다.   2) CSS로 iframe이 영상 비율에 맞게 나올 수 있도록 한다..video-container { position:relative; height:0; padding-bottom:56.25%;}.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;}     반응형 쇼츠여백없이 꽉차게 보일 수 있도록 하기 위해서는 아래처럼 CSS를 조정하면 된다. 1) 먼저 쇼츠 아이프레임 코드를 로 감..

html·css 2023.09.27 2
[CSS] nth-child / n번째부터 n번째까지 CSS 변경

특정 순서의 CSS를 변경할 때 유용한 nth-child(). 다양하게 활용이 가능하다. 3의 배수인 박스 배경 변경 .box:nth-child(3n){ background:red } 20번째 이후 모든 박스 배경 변경 /* 22번 부터 이후 모든 box 폰트색 변경 */ .box:nth-child(n+20) { background:red } 1번째부터 5번째까지 박스 배경 변경 1번째부터 지정할때는 -n으로 시작하는 것 주의 .box:nth-child(-n+6) { background:red } 15번째부터 20번째까지 박스 배경색 변경 .box:nth-child(n+15):nth-child(-n+20) { background:red } 마지막에서 3번째 박스 변경 .box:nth-last-child(..

html·css 2023.09.04 478
audio/video 태그 다운로드, 재생속도 메뉴 없애기

audio태그를 이용해서 음악을 넣으면 아래처럼 ... 버튼을 누르면 다운로드, 재생속도를 조절할 수 있는 메뉴가 뜨게 된다. 이 메뉴가 뜨지 않게하려면 태그 사이에 controlsList="noplaybackrate nodownload nofullscreen"을 추가하면 된다. noplaybackrate -> 재생속도 메뉴 안보이게 nodownload -> 다운로드 메뉴 안보이게 nofullscreen -> 영상의 경우 풀스크린 안되게 코드

개발

more

php 2024.10.21 2
[php 에러] Call to undefined function create_function() 해결 방법

Uncaught Error: Call to undefined function create_function() 에러는 create_function() 가 php8.x부터는 지원하지 않아 발생하는 오류이다.  create_function 부분을 function을 다르게 정의해서 수정하면 된다. 수정전add_action( 'plugins_loaded', create_function( '', 'global $BBCode; $BBCode = new BBCode();' ) ) 수정 후function my_hacked_function(){ global $BBCode; $BBCode = new BBCode();}add_action( 'plugins_loaded', 'my_hacked_function'); ..

js·jquery 2024.10.06 1
스크롤 애니메이션 효과 wow.js

wow.js는 스크롤 시 페이지들의 요소들이 하나씩 애니메이션 효과로 나타날 수 있도록 해주는 라이브러리로 각 요소들마다 옵션값을 넣어 개별적으로 애니메이션 설정할 수 있어서 사용하기 편하다. 설치방법1. 공식 사이트 Github에서 파일 다운로드https://wowjs.uk/ wow.js — Reveal Animations When Scrolling wowjs.uk  2. WOW-master/css/libs/animate.css 파일을 css폴더나 적당한 폴더에 업로드 원하는 페이지에 로드   3. WOW-master/dist/wow.min.js 파일을 js폴더나 적당한 폴더에 업로드 후 원하는 페이지에 로드, 스크립트 추가  스크립트는 아래처럼 설정도 가능하다.var wow = new WOW( { ..

js·jquery 2024.08.30 0
[에러] Uncaught TypeError: Cannot read properties of undefined (reading 'split')

Uncaught TypeError: Cannot read properties of undefined (reading 'split') 오류가 뜨는경우데이터 값이 정의된게 없는데(undefined) split을 실행시켜서 생기는 오류이다.  해결방법이 경우 (sUrl || "")  처럼 변수값이 없는 경우도 포함시켜주면 오류가 나지 않는다. 수정전var aUrl = sUrl.split('?');  수정 후var aUrl = (sUrl || "").split('?');

js·jquery 2024.08.15 0
[CSS/jQuery] 크기가 다른 Grid item 자동 정렬 하기

Grid 기본코드 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7   특정 칸만 크기 조절특정 박스만 크기를 다르게 하고 싶다면  grid-column-end (행 크기 조절),  grid-row-end (열 크기 조절) 를 이용해 조절하면 된다. 아래의 경우에는 big class를 가진 박스는 가로 3칸중 2칸, 세로로도 2칸씩 차지하도록 하였다. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7      그런데 특정 박스만 크게 하는 경우에, 상황에 따라 여백이 생기는 경우가 있다.아래 경우에는 Grid를 3칸으로 하였는데, 3n번째 크기를 다르게 하..

TIP

more

tip 2024.07.22 2
VS code / Visual Studio Code 불필요한 태그 삭제하기

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

tip 2024.03.27 4
[그누보드/영카트] 글쓰기시 이모지 사용하기

그누보드 영카트 게시판에서 이모지를 등록하면 물음표로 뜨게 된다. 이 경우 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..

tip 2024.01.15 2
그누보드 게시판 게시물 연도별로 보기

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

tip 2023.10.20 11
구글 사이트 등록하기 / 구글 서치콘솔 사용 방법 SEO

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

tip 2023.10.20 5
다음 사이트 등록 방법 / 검색엔진 SEO

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

리뷰

more

[책리뷰] 모든 비즈니스는 브랜딩이다 - 브랜딩 마케팅 기본서 추천

책의 제목처럼 요즘 모든 일에 브랜딩이 필요함을 느끼고, 그 중요성을 느끼고 있다. 단순히 브랜딩이 디자인이 아니라는 것을 알고는 있었지만 어디부터 어떻게 시작해야할지 막막해서 읽게 된 책. 브랜딩의 컨셉 구축 부터 실제 소비자의 인식으로 이어지기까지의 모든 과정을 쉽게 이해할 수 있도록 쓰여있어 술술 읽기에 좋았다. 다양한 사례들이 있어서 이런 이론이 적용되었구나 무릎을 탁 치면서 재미있게 읽었다. 한번 읽고 100% 적용하기에는 어렵겠지만 조금씩 실제 비즈니스에 적용해보도록 해야겠다. (다 읽은 날짜 2023년 7월 9일) 모든 비즈니스는 브랜딩이다 / 홍성태 지음 브랜드관리 = 컨셉을 관리하는 것 브랜드 컨셉의 7C 브랜드 체험의 7E 고객지향성 (Customer Orientation) 응축성 (C..

리뷰 2023.07.09 1008

레오폴드 키보드 FC900R AS 수리 후기

2년전쯤 구입해서 잘 사용하고 있던 레오폴드 키보드 FC900R. 평소 컴퓨터를 많이 하다보니, 키보드를 많이 치기도 하고, 컴퓨터 앞에서 커피도 마시고, 한번은 콜라를 제대로 쏟은 적이 있는데.. 물티슈로 다 닦고 물기를 완전히 제거했다고 생각했는데 콜라의 설탕의 끈적인게 남았는지 어느날인가부터 갑자기 Ctrl 키가 먹지 않았다. 키보드 연결의 문제인가 하고, 연결도 다시 해보았지만 Ctrl 키 자체가 고장난 것 같아 AS를 맡겨보기로 했다. 아니 왜 Ctrl키만 안먹히는거냐고요... 레오폴드 A/S 비용 보증서에는 구입 후, 1년간 무상 A/S처리되고, 기간이 끝난 후 제품에 문제가 발생할 경우 유상처리 된다고 되어있었다. 그리고 레오폴드 홈페이지를 확인하니 키를 교체하는 것 자체는 크게 비용이 들지..

리뷰 2023.04.27 1001

[클래스101 강의] 트렌드코리아 2023, 김난도 교수

트렌드코리아는 한 해의 트랜드를 미리 공부하기 위해 종종 책으로 접했는데, 클래스 101에서 강의로 나오게 되어 보게 되었다. 강의로 보니 이야기 듣듯이 편하게 볼 수 있어서 휘리릭 보기 좋았다. 강의 들으면서 기억해두기 위해 적은 것들 정리해 본다. 서울대 소비트렌트 분석센터의 2023 전망, 트렌트코리아 2023 더 높은 도약을 준비하는 검은 토끼의 해 2023 Trend Keyword 'RABBIT JUMP' [R]edistribution of the Average : 평균실종 정규분포가 아닌 집단이 많아져 평균이 의미가 없어짐. 1) 양극화 : 어정쩡한 소비를 하지 않고, 고가품과 초가성비 상품이 동시에 인기 2) 다극화, N극화 : 사람마다 취향이 다양화됨. 고객 한사람 한사람을 위한 제품이 생..

리뷰 2023.01.10 4