현재 가장 인기있는 글

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

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

tip 2023.04.25 2011

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

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

tip 2023.08.24 168

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

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

tip 2023.05.23 144

[포토샵] 이미지 색상이 이상하게 보일 때 | 모니터 색상과 포토샵 색상 맞추는 방법 sRGB IEC61966-2.1

최근 모니터를 바꾸고 난 뒤, 포토샵에서 이미지를 열면 이미지가 이상하게 탁해보이는 증상이 생겼다. 이미지 파일을 이미지 뷰어로 보았을 때는 원래 색상대로 잘 나오는데, 포토샵으로 이미지를 열었을 때, 또는 포토샵으로 수정한 뒤 저장했을 때 색감이 이상하게 바뀌었다. 이 문제는 모니터 색상 설정과 포토샵 색상설정이 일치하지 않아 발생하였다. 따라서 제어판 설정과 포토샵 설정을 모두 바꿔줘야한다. 모니터 색상과 포토샵 색상이 일치하지 않을 때 해결 방법 제어판 색관리 설정 변경 1. 제어판 > 색 관리에 들어가서 '이 장치에 내 설정 사용'에 체크한다. 2. '이 장치에 연결된 프로필' 아래의 [추가] 버튼을 클릭한다. 3. 목록에서 sRGB IEC61966-2.1을 찾아 선택한 뒤, 확인을 클릭한다. 3..

tip 2022.01.07 7

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

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

php 2022.12.19 3

택배 배송조회 주소 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

[카페24] 메인 상품 후기 최신글 코드 / 메인에 최근 리뷰 보여주기

카페24 쇼핑몰 메인페이지에 상품 후기 게시판 최신글을 보여주기 위한 코드 $count = 3 에서 보여줄 개수 조정 ~ 부분이 후기에 해당하는 상품을 보여주는 영역 여기서 {몰아이디} 부분에 몰 아이디(카페24 계정아이디)를 입력하면 된다. 썸네일이 아닌 원본 이미지를 불러와서 화질이 선명하게 보이기 위한 것. 등록 날짜를 보여주고 싶으면 {$write_date|date:Y-m-d} 추가 기본 코드 {$category_name} {$subject} {$icon_new} {$content} {$product_img} {$product_name} {$product_price} {$category_name} {$subject} {$icon_new} {$content} {$product_img} {$produ..

카페24 2023.02.22 4

CSS만으로 X 버튼 만드는 두가지 방법

닫기 버튼 만드는 경우 그냥 X 쓰기에는 세로로 긴 알파벳 모양이라 디자인적으로 좀 그렇고, 이미지로 사용하기에는 살짝 귀찮고했는데, CSS 만으로 X 버튼 만들기가 가능하다는 사실!! 첫번째 방법 : content: "\00d7" 를 활용 :after 에 content: "\00d7"; 만 추가해주면 아주 간단하게 X 버튼이 가능하다. .close {display:inline-block;*display:inline;} .close:after {display: inline-block;content: "\00d7"; font-size:15pt;} 그러면 이렇게 딱 깔끔한 X 버튼을 만들 수 있다. 크기는 font-size로 조정하면 되고 크기를 키울 수록 굵기가 자동으로 굵어진다. 두번째 방법 : tran..

html·css 2021.09.16 3

디자인

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

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