웹사이트 시간표시 위젯 소스쇼핑몰 또는 기타 웹사이트, 블로그 등에 많이 사용하는 시간 위젯 스크립트입니다. 블로그의 경우 사이드바 위젯이 고정되어 있는 곳에서 많이 사용합니다. 간단하게 자바스크립트를 통해 원하는 스타일로 만드는 방법을 알려드리도록 하겠습니다.Date 객체현재시간과 날짜를 구하려면 자바스크립트 Date 객체를 이용하면 됩니다. Date 객체의 시간값은 UTC기준으로 가져옵니다. 아래코드 참고.const date = new Date(); // 현재날짜와 시간console.log(date); // output : Tue Feb 22 2022 23:20:01 GMT+0900 (한국 표준시)new Date()를 호출하면 새로운 Date 객체를 만들 수 있습니다. 날짜와 시간의 표시방법을 각자..>

쇼핑몰 오픈마켓 상품모음오픈마켓에서 상품을 판매하면서 사용하면 좋은 상품 모음 코드입니다. 가로 사이즈는 860px로 제작되어 여러 오픈마켓에서 사용하시기 좋습니다. 마우스 오버를 통해 좀 더 디테일하게 작업할 수 있으나 관리가 불편합니다. 간단하게 작업하고 관리하는 것이 좀 더 좋습니다.상세페이지 기본 코드기본 html코드입니다. 상품목록 이미지를 클릭하면 새로운 창에서 상세페이지가 나오도록 되어있습니다. 모바일 화면에서는 상품이 화면에 맞게 이동하여 보이도록 되어 있습니다.기본코드를 사용한 샘플 모습입니다. 판매하는 상품에 맞게 수정하셔서 사용하시면 됩니다. 위 이미지는 이해를 돕기 위해 만들어진 것입니다. 상품 목록의 이미지를 클릭하시면 해당 게시글로 이동합니다.응용 코드판매하고 있는 상품..>

상세 페이지 동영상 반응형이제 쇼핑몰에도 이미지를 통해서만 상품을 보여주는 것보다 동영상을 통해 좀 더 정확한 상품을 보여주는 것으로 변화하고 있습니다. 소비자 또한 보정된 이미지 보다 좀 더 정확한 상품에 대한 동영상을 확인하는 것을 더 선호합니다. 많이 이용하시는 카페 24에 동영상을 추가하는 방법을 알려드리겠습니다. 하지만 이 방법은 다른 쇼핑몰에도 사용가능한 방법입니다.유튜브 활용유튜브 동영상 공유를 통해 URL 주소를 복사합니다. html 활용을 위해 퍼가기를 사용하지만 이 코드는 반응형으로 작동하지 않습니다. 그렇기 때문에 퍼가기를 사용하지 않고 기본 url 주소를 복사합니다.임베드 활용이제 유튜브에서 복사한 url주소를 반응형 코드로 변형해야 합니다. 아래 공식 사이트로 이동하셔서 url 주..>