경매 서비스 프로젝트를 하다보니 상황에 따른 버튼 비활성화가 필요하였고, 이를 위해 기본적인 버튼 비활성화 방법에 대해 알아보았다. input 태그 내에 disabled 속성 사용See the Pen button disabled by SeongHo-C (@seongho-c) on CodePen. input 태그에 disabled 속성을 따로 명시하지 않으면, 버튼은 기본적으로 활성화 상태가 된다.input 태그에 disabled 속성을 명시해 주면, 버튼은 비활성화 상태가 된다. 활성화/비활성화 버튼을 클릭하여 버튼의 상태 변경See the Pen button click disabled by SeongHo-C (@seongho-c) on CodePen. [JAVASCRIPT]const target =..

현재 시간과 마감 기간을 비교해 남은 시간 구하기function remaindTime(endDate) { // 현재 시간을 구한다. const now = new Date(); // 마감 기간을 가져온다. const end = new Date(endDate); // 현재 시간을 ms로 반환한다. const nt = now.getTime(); // 마감 기간을 ms로 반환한다. const et = end.getTime(); // 마감 기간이 현재 시간보다 클 경우 if (nt  출력 결과현재 시간: Tue Jul 23 2024 16:09:33 GMT+0900 (Korean Standard Time) 남은 시간: 365일 00시간 00분 26초

● 상품 이미지 업로드를 위한 HTML 상품 이미지 등록 태그의 enctype 속성값은 multipart/form-data로 지정합니다. ※매우 중요※ 태그의 multiple 속성은 요소에 사용자가 둘 이상의 값을 입력할 수 있음을 명시합니다. 파일을 업로드 하기 위해서는 태그의 type 속성값은 file로 지정합니다. ● 이벤트리스너 이용을 위한 태그 등록 ● Fetch API & FormData를 이용하여 서버에 Request 전달 fetch() 함수는 첫번째 인자로 URL, 두번째 인자로 Option 객체를 받고, Promise 타입의 객체를 리턴합니다. URL은 필수 매개변수 입니다. 반환된 객체는, API 호출이 성공했을 경우 response 객체를 resolve하고, 실패했을 경우 error ..