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

테이블의 구조HTML 테이블은 웹 페이지에서 데이터를 구조화하고 표시하는 데 사용되는 중요한 요소 중 하나입니다. 테이블은 table 태그로 시작하며, 각 행은 tr 태그로, 각 셀은 td (데이터 셀) 또는 th(헤더 셀) 태그로 정의됩니다. 테이블 구조의 기본적인 형태는 다음과 같습니다.테이블 기본적인 형태 헤더 셀 1 헤더 셀 2 데이터 셀 1-1 데이터 셀 1-2 데이터 셀 2-1 데이터 셀 2-2 여기서 th는 헤더 셀을 나타내며, td는 데이터 셀을 나타냅니다. 테이블의 각 행은 tr로 정의되며, 헤더 셀은 각 열의 제목을 나타냅니다.마무리테이블은 rowspan 및 colspan과 같은 속성을 사용하여 셀을 병합하거나 확장할 수 있습니다. 또..

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