쇼핑몰을 제작하다보면 각 택배사별 배송을 조회할 수 있는 링크가 필요해서 정리해보았다. 송장번호라고 적힌 부분에 송장번호(숫자만)입력하면 된다. 생각보다 택배회사가 많아서 계속해서 업데이트될 예정. 국내 택배사 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] sql_num_rows() 함수 사용 테이블 행 개수는 sql_num_rows 함수로 간편하게 구할 수 있다. 쿼리문으로 데이터도 가져오면서 개수도 세야 할 때 유용하게 사용이 가능하다. sql_num_rows 함수는 리절트 셋(result set)의 총 결과 값 개수를 숫자로 반환한다. php5 이상부터는 mysqli_num_rows로도 사용 가능하다. $sql = " SELECT * FROM table ----- "; $result = sql_query($sql); //sql_query($db_conn, $selSql); $count = sql_num_rows($result); echo $count;..

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

카페 24에서 기존에 잘 작동하던 스크립트가 갑자기 작동하지 않았다. 개발자 모드로 오류 내역을 확인해보니 아래와 같이 써있었다. Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure script ''. This request has been blocked; the content must be served over HTTPS. 이는 https인 홈페이지에 외부 경로의 파일을 http로 불러와서 생기는 오류로, 외부 경로들을 홈페이지와 동일하게 모두 https 또는 //로 변경해주면 된다. jQuery 스크립트 경로도 변경해주고, 나의 경우에는 구글 웹폰트, 이미지에도 경로 문제가 발생하여 모두 변경해 주었다. 변경 전..

SVG의 컬러를 변경하는 방법은 매우 간단하다. path 태그에 style="fill:컬러코드;" 를 추가하면 된다.

한 div에 여러 배경이미지를 넣고 싶은 경우 아래처럼 - background-image:에 url을 콤마로 구문하여 넣어주고 - background-size나 background-position도 배경 이미지 순서에 맞추어 순선대로 넣어주면 된다. - 동일한 옵션인 경우에는 콤마로 두번 입력할 필요 없이 한번만 입력하면 된다. (background-repeat:no-repeat;) .section1 { background-image:url('../img/main_bg1.png'), url('../img/main_bg2.png'); background-size:auto 300px, auto 196px; background-position:-100px 870px, right bottom 250px; bac..

Uncaught TypeError: $(...).sortable is not a function 오류가 아래처럼 나는 경우 jquery-ui-min.js 버전을 변경 또는 jquery-ui.js 스크립트를 로드하고 있지 않다면 추가해주면 해결된다. jquery 버전 차이에 따른 스크립트 오류가 난 듯 하다.

여러모로 다양하게 활용이 가능한 jQuery 슬라이더 Swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Swiper 기본 스크립트 var swiper = new Swiper('.swiper', { slidesPerView: 1, speed:1000, autoplay: { delay: 2000 }, spaceBetween: 0, pagination: { el: ".swiper-pagination..

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

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

오랜만에 애드센스 홈페이지에 접속했더니 화면 위쪽에 아래와 같은 경고 문구가 떴다. 수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일 문제를 해결해야 합니다. ads.txt는 승인 받은것으로 확인된 판매자(애드센스)를 통해서만 디지털 광고 인벤토리가 판매될 수 있게 해주는 IAB Tech Lab 솔루션인데, ads.txt파일을 직접 만들면 사이트에서 광고를 판매할 수 있는 판매자를 더 효과적으로 관리할 수 있으며, 가짜 인벤토리가 광고주에게 판매되는 것을 방지할 수 있다고 한다. (출저 : 구글 애드센스 고객센터) ads.txt는 구매자가 가짜 인벤토리를 식별할 수 있게 도와주어 가짜인벤토리에 광고비가 지출되지 않도록 해주므로 광고주의 수익이 늘어날 수 있어 반..

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

카페24 관리자페이지에서 [설정 > 고객설정 > SNS로그인 연동 관리] 페이지에서 각종 로그인 관련 설정을 하고 나면 로그인화면에서 자동으로 SNS 로그인 버튼들이 뜬다. 그런데 회원가입페이지에서는 SNS로그인 버튼이 안보이는 상황이! 회원가입 링크주소를 타고 바로 접속하는 경우도 있어 회원가입 페이지에도 SNS 버튼을 다는 방법을 정리해보려고 한다. 카페24 회원가입 페이지에 SNS 로그인 버튼 넣기 (PC) 1) 카페24 관리자페이지에서 [디자인 > 디자인편집]을 클릭해 스마트 디자인 편집창을 연다. 2) 왼쪽 영역에서 [전체화면보기] 클릭 후, 회원(member) 폴더를 찾은 뒤, 그 안의 로그인(login.html)파일을 연다. 3) ~ 영역을 전체 복사한다. 4) 회원가입(join.html) ..

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

카페24에서 jQuery 스크립트를 사용하려면 카페24 자체 내에 포함되어있는 제이쿼리와 충돌이 일어나 제대로 작동이 안되는 경우가 많다. 이 경우에는 jQuery가 충돌이 나지 않게 아래 코드를 추가해주면 된다. 여기서 jQuery_new는 원하는대로 변경이 가능하다. jQuery_new를 선택자 앞의 jQuery 또는 $를 대신해서 사용하면 된다. window.jQuery_new = jQuery.noConflict(true); [사용 예시]