예약어(Reserved Words)는 자바스크립트에 먼저 등록된 요소를 말한다. 이 예약어는 변수, 라벨, 펑션 네임으로 사용할 수 없다. 변수, 라벨 등에서 사용할 수 없는 예약어 arguments break case continue default do else false for function if null return super switch this true try typeof var void while with 예시 //사용가능 var apple = a; var name = a; //사용불가 var arguments = a; var if = a; var do = a; var default = a; 생각보다 많은 예약어가 있는데 아래 표 참고 참고 : https://www.w3schools.com/..

국세청 API를 통해 사업자번호 유효성(휴/폐업 여부)을 체크하여 회원가입을 받을 수 있는 플러그인입니다. 사업자회원 승인,보류 가능하며, 사업자회원 일괄 사업자번호 조회 및 레벨 관리가 가능합니다. 해당 코드 구입 또는 자세한 내용을 보고 싶으시다면 그누보드 컨텐츠몰에서 확인 부탁드립니다. ⬇ 바로가기 ⬇ https://sir.kr/cmall/1706584561 사업자등록번호 인증 회원가입 및 관리 시스템 (휴·폐업자 가입 제한) > sir.kr 감사합니다.

기존에 이카운트 ERP 프로그램으로 제조, 생산, 품목관리를 하고, 영카트로 쇼핑몰 운영을 하고 계시다면 이카운트와 영카트가 연동이 되지 않아 주문내역을 일일히 입력해주어야하는 번거로움이 있었습니다. 기존에 영카트에서도 주문내역을 출력할 수 있는 기능이 있지만 이카운트 전용으로 이카운트 판매입력 폼에 맞추어 입력 가능하도록 커스터마이징해드립니다. 소개 영카트 주문내역을 이카운트 일괄 등록 폼에 맞추어 엑셀로 출력해주는 프로그램입니다. 거래처코드/거래처명/업체전화번호/출하창고/대표자명/거래유형/품목코드 등 주요기능 * 회원별 업체명/업체코드 등록 * 상품별 품목코드 등록 * 이카운트 판매입력 폼에 맞추어 날짜별 주문내역 엑셀 파일 다운로드 * 주문내역을 이카운트에 일괄 등록 다운 받게되는 엑셀 형태 예시입..

기능소개 " 쇼핑몰이 넘쳐나는 시대. 고객 마케팅이 참 중요해졌습니다. 할인코드 기능으로 사이트 유입율 & 주문율을 더 올려보세요!" 요즘 트랜디한 사이트 아*다, 마켓*리, 오늘의* 등 이미 많은 사이트에서 고객 유입/주문율을 높이기 위해 사용중인 기능입니다. 영카트 관리자페이지에서 미리 원하는 할인코드을 지정해두고, 회원에게 홍보하세요! 예) "주문시 '오늘첫구매'를 입력하시면 할인받으실 수 있습니다." 고객은 해당 홍보 문구를 보고 회원가입 및 주문을 하게 됩니다. 할인코드는 이벤트 목적에 따라서 다양하게 만드실 수 있습니다. 예) hello2022, welcometoshop, bye2021, 오늘첫구매 등등 회원이 상품 주문시 해당 할인코드를 입력하면 관리자가 설정한 할인금액만큼 주문총액에서 할인..

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

애드센스 수익금이 100달러가 넘으면 수익금을 지급 받을 수 있게 된다. 애드센스 수익을 받기 시작하면서부터는 관심사가 이제 어떻게 하면 수수료를 최대한 줄이고 받을 수 있을까가 되는 것 같다. 외환통장을 개설해서 환율이 오를 때 출금하여 지급액을 최대한으로 받을 수 있는 방식도 있지만, 일단은 신한 일반 입출금 통장을 등록하고 받아보기로 하였다. (다행히 이때 환율도 나쁘지는 않았다) 세상에서 가장 반가운 애드센스 송금 도착 안내 메세지! 애드센스 수익금은 설정한 지금 금액이 넘으면 익월 구글에서 21일에 한국 은행으로 송금하고, 며칠 뒤 25일경 해당 은행에서 이런식으로 알림이 오게 된다. 신한은행은 알림톡으로 연락이 왔다. 내가 받게될 금액은 337.07 이라는데! 수수료가 어떻게 부과되는지 알아보..

스크롤을 내려 페이지를 보다가 새로고침 하는 경우, 브라우저가 이전 스크롤 위치를 기억하였다가 해당 스크롤 위치 그대로 보여준다. 새로고침 할 때, 이전 위치가 아닌 가장 위로 보여주고 싶은 경우 아래 코드를 넣어주면 된다. 문서 로드시, 자동으로 scrollTop: 0 을 적용하여, 문서 맨 위로 로드될 수 있도록 해준다. $(function(){ $("html, body").animate({ scrollTop: 0 }, "fast"); });

스크롤 위치에 따라 요소들에 Class를 추가해준다던지, 효과를 변경할 수 있다. 현재 스크롤 위치 구하기 $(document).scrollTop(); 특정 요소의 위치 구하기 offset().top을 사용하면 문서 상단으로부터 특정 섹션, div가 있는 위치를 구할 수 있다. $("#section3").offset().top; scroll()기본 코드 $(window).scroll(function(){ var h = $(document).scrollTop(); //현재 스크롤 위치 if(h > 200) { // 스크롤 위치가 200을 넘으면 } else { } }); 응용 현재 내 스크롤 위치와 특정요소의 위치를 통해 사이트에서 다양하게 구현이 가능하다. 1) 배경색이 검정색인 섹션(#section1)..

php 에서 Undefined variable, Undefined index 에러메세지는 값(변수)이 제대로 정의되지 않아 발생하는 오류이다. 값이 없는 경우를 대비해서 아래처럼 미리 지정을 해주어야한다. [에러 해결방법] isset()를 사용한 변수 선언 에러메세지가 Undefined variable : XX in /web/home/, Undefined index : XX in /web/home/ 이런식으로 뒤에 어떤 변수에 대한 오류인지 뜰텐데, 해당 변수를 isset()함수를 사용하여 값을 정해줘야한다. 해당 변수에 대한 값이 있으면 해당값을 보여주고 아니면 공백으로 값을 전달할 수 있도록 해야한다. $value = isset($_POST['value']) ? $_POST['value'] : '';..

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 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 위와 같이 기본 CSS를 불러와 사용하면 아래처럼 모든 버튼들 컬러가 파란색으로 보여진다. Navigation, Pagination 컬러 변경 네비게이션, 페이지네이션의 파란색을 다른 색으로 변경하는 방법은 아주 간단하다. 아래와 같이 테마 컬러..

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) 설명-품목 (필수) : 검색시..

체크박스 또는 여러개의 입력필드 내용을 한 필드안에 저장해서 사용해야하는 경우가 있다. 아래와 같이하면 필드 하나에 데이터를 저장해 관리할 수 있다. 글쓰기 페이지 코드 'wr_1'라는 필드를 쪼개서 사용할 것이다. 값을 받을 체크박스 name은 임의로 관리하기 편한 이름으로 지정하면 된다. (type1~type4) * wr_1 : 값을 저장할 필드 (type1~type4에서 받은 값을 wr_1에 한번에 저장한다) * type1~type4 : 임의로 값을 받을 필드 (DB에 해당 필드 없음) [코드 설명] - 상단의 $wr1 = explode("|", $write['wr_1']); 와 체크박스 태그 안의 checked 부분은 글쓰기 페이지를 수정 페이지로도 사용하는 경우에 필요하다. 해당 값이 있는 경우..

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

특정 순서의 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(..