콘텐츠기획자의 IT입문서

타임세일 이벤트는 많은 쇼핑몰에서 진행되고 있는 이벤트 중 하나! 위의 디자인처럼 구현은 하지 않았지만 비슷한 형식으로 타임세일을 구현해보았다. 매일 특정시간대에 진행되는 타임세일 이벤트이기 때문에 카운트다운 하는 시계를 만드는 코드에 추가적으로 if else 문을 통해 시간 조건을 걸어주었다. 1. 특정 시간대만 상품이 노출되게 한다. 2. 이벤트 진행 시간대가 아니라면 1) 이벤트 진행 전 - 상품에 blur 필터를 추가하여 정보를 가리고, "3시 OPEN" 문구 노출 2) 이벤트 진행 후 - 상품에 blur 필터를 추가하여 정보를 가리고, "내일 3시에 만나요" 문구 노출 function timeSale() { var nowTime = new Date(); var openTime = new Date..

현재 카페24를 이용하여 쇼핑몰을 구축중인데 기존에 제공되는 카테고리 모듈의 경우 클릭을 해도 페이지만 이동할 뿐 아무런 css, js적인 변화가 없다. 그래서 현재 페이지가 어디인지 명확하게 소비자에게 인지되지 않을 것 같아 디자인을 추가하기로 함! 클릭시 addClass를 해주게 되었을 때 클릭 후 리다이렉트 되므로 Class가 다시 사라져서 ㅠㅠㅠ 현재 페이지의 URL에 따라 addClass가 되도록 코드를 수정했다. HTML 홈 {$name|cut 25} {$name|cut 25} jQuery var url = $(location).attr('href'); var home = 'https://홈페이지 주소/'; var no = url.substring(url.lastIndexOf('=') + 1)..

네이버페이 연동을 위해서 사업자정보를 넣어야 한다. (없으면 검수 과정에서 피드백이 오니 빠르게 대응해서 재검수 요청하면 됨!) 그중 사업자정보확인이 가능하게 구현해야하는 것이 필수인데 스타일난다 쇼핑몰의 푸터를 보면 이런 식으로 들어가 있다! 아래 링크의 개발 가이드에서 상세하게 알려주니 코드를 그대로 복붙하면 끝!! https://www.ftc.go.kr/www/bizCommList.do?key=3765 등록현황 - 공정거래위원회 본자료는 전자상거래시장에서 소비자가 정확한 사업자 정보를 가지고 안전한 거래를 할 수 있도록 전국 시,군,구에 신고된 통신판매업자의 신원정보를 전자상거래소비자보호법 제12조4항 에 따 www.ftc.go.kr HTML [사업자정보확인] SCRIPT *물음표 부분에 사업자번호..

포트폴리오를 위해 작업했던 팀프로젝트 2개 모두 백엔드 중심에다가 실제로 배포가 되지 않았다 보니 스스로 얼만큼 작업을 할 수 있는지 역량 파악이 어렵다는 피드백을 받았다... 그래서 급 작업해보는 중인 도너츠샵 페이지 한 4시간 작업한 것이라 index 틀 잡고 script만 작성해보았다. 리소스들은 다 구글링해서 조합한 것들이고 오늘까지 한 것은 총 5시간 정도 소요되었음. (그중 원하는 이미지 찾는데만 1시간 30분 넘게 소요된듯..) 반응형 괴로운데 재밌음.. 아무래도 내가 모바일 사용이 높다보니 반응형 포기 못해~!~!