콘텐츠기획자의 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)..

- 문제점 - 은 파일 선택 버튼과 파일명이 출력되는 부분이 하나로 되어있기 때문에 스타일을 변경하고자 해도 생각한대로 잘 안된다. 이럴 경우 을 통해 스타일링을 해주면 된다! 1. label과 input을 연결한다. 2. input을 hidden 처리한다. 3. 스타일을 label에 적용한다. 나는 추가적으로 파일명을 노출 시키고 싶어서 이 부분은 스크립트로 작동되게 했다. jQuery만 썼더니 자바스크립트로 어떻게 작성해야할지 너무 헷갈린다..^_ㅠ (리액트 공부 전 다시 자바스크립트부터 공부해야겠다.) 에 변화가 있을 경우 에 파일명을 노출 시킬 것이라 에 onchange로 기능을 주었고 스크립트는 아래와 같이 작성해주었다. function addImg(){ var fileName = documen..