버튼이나 다양한 요소를 클릭시에 모달창을 쉽게 뛰울 수 있어 활용도가 높은 부트스트랩 모달창 부트스트랩 공식 홈페이지에 나와 있는대로 부트스트랩 스크립트와 CSS만 로드하면 쉽게 모달창을 띄울 수있다. https://getbootstrap.com/docs/4.0/components/modal/ Modal Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. getbootstrap.com 다만, 사용할 페이지 코드에 따라서 일부 변경이 필요한데 다른 CSS코드와 겹쳐서 종종 모달창이 백그라운드보다 아래쪽에 위치하는 경우가 ..

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

jquery 로 특정 영역에 값을 보여줄 때, number_format()을 사용하면 자동으로 숫자에 콤마가 찍혀서 보이게 된다. 이때 숫자가 아닐 수도 있으므로 String으로 먼저 감싸준뒤, number_format()를 사용해서 사용하면 된다. var final = Number(price1) + Number(price2) + Number(price3); $('.total').text(number_format(String(final))); // total 클래스를 가진 영역에 결과 값을 보여줌 250,000

SQL 쿼리를 통해 데이터를 가져와서 해당 데이터가 몇번째에 위치해 있는지 구할때 ROWNUM 기능을 활용해 불러올 수 있다. 나의 경우에는 해당 날짜의 주문건을 불러와 주문번호 순서대로 1부터 차례대로 번호를 매기는 작업이 필요하여 아래와 같이 쿼리문을 작성하였다. SELECT @ROWNUM: = @ROWNUM + 1 AS rownum, od_id FROM table as a, ( SELECT @ROWNUM: = 0 ) r WHERE od_invoice_time between '2023-05-31 00:00:00' and '2023-05-31 23:59:59' ORDER BY od_id ASC 그러면 이렇게 조건에 해당하는 데이터들이 순서대로 번호가 매겨지게 된다. 이 중에서도 특정 데이터가 몇번째에 ..

쇼핑몰을 제작하다보면 각 택배사별 배송을 조회할 수 있는 링크가 필요해서 정리해보았다. 송장번호라고 적힌 부분에 송장번호(숫자만)입력하면 된다. 생각보다 택배회사가 많아서 계속해서 업데이트될 예정. 국내 택배사 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는 구매자가 가짜 인벤토리를 식별할 수 있게 도와주어 가짜인벤토리에 광고비가 지출되지 않도록 해주므로 광고주의 수익이 늘어날 수 있어 반..