Web Dev/Javascript (24) 썸네일형 리스트형 [Javascript] 웹페이지에 현재 날짜 제공하는 Date() 생성자 toLocaleDateString 함수 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/Date Date() 생성자 - JavaScript | MDN Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX developer.mozilla.org if (content) { var currentDate = new Date(); var formattedDate = currentDate.toLocaleDateString("ko-KR", { year: "2-digit", month: "2-digi.. JavaScript 배열에서 요소 추가, 삭제 및 교체: splice 함수 사용법 JavaScript에서 배열은 데이터를 효과적으로 관리하는 중요한 데이터 구조 중 하나입니다. 배열의 요소를 조작하려면 내장 함수 중 하나인 splice를 사용할 수 있습니다. splice 함수는 배열의 특정 위치에서 요소를 추가, 삭제 또는 교체할 수 있는 강력한 도구입니다. 이 함수를 사용하여 배열을 다양한 방식으로 변형할 수 있으며, 이 글에서는 splice 함수의 사용법을 자세히 살펴보겠습니다. 1. 요소 삭제 splice 함수를 사용하여 배열에서 요소를 삭제하는 방법을 알아보겠습니다. 예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다. var fruits = ["사과", "바나나", "체리", "딸기"]; 이 배열에서 "바나나"와 "체리"를 삭제하려면 다음과 같이 splice 함수를 사용할 .. Quill editor 홈페이지에 적용 하는 방법 너무 쉬워요 !! https://quilljs.com/docs/quickstart/ Quickstart - Quill Quickstart The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill. Hello World! Some initial bold text var quill = new Quill quilljs.com 빠르게 사용해보기 npm install quill@1.3.6 일단 설치 ! Hello World! Some initial bold .. [Javascript] 블록 레벨 스코프 (let, const) 와 함수 레벨 스코프(var) 의 차이점과 예시 코드 var 키워드 JavaScript에서 변수를 선언하는 데 사용되며, 다음과 같은 단점이 있습니다: 함수 스코프: var로 선언된 변수는 함수 스코프를 갖습니다. 이는 변수가 선언된 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다. 이로 인해 변수가 함수의 범위를 벗어날 경우 예상치 못한 결과가 발생할 수 있습니다. 호이스팅: var로 선언된 변수는 호이스팅(hoisting)이라고 불리는 동작을 합니다. 이는 변수 선언이 스코프의 맨 위로 끌어올려지는 것을 의미하며, 초기화 부분은 그 자리에 남게 됩니다. 이로 인해 변수를 선언하기 전에 사용하더라도 오류가 발생하지 않습니다. 중복 선언 허용: var로 선언된 변수는 같은 이름으로 여러 번 선언해도 오류가 발생하지 않고 이전 선언을 덮어씁니다... JavaScript 브라우저 인쇄 기능 사용 시 Print 페이지 범위 설정 방법 인쇄 버튼을 만들고 printpage() 함수를 이벤트 함수로 지정해준다. function printpage(){ window.print(); } 함수는 간단하게 위와 같이 작성해준다. 여기서 그러면 인쇄 범위는 어떻게 설정해주는가 ? 스타일로 지정해주면된다. 흔히 css 파일을 사용하는데 @media print { #header, .sVisual, .form-actions, .ftCopy, .location, .receipt_title { display:none } html, body {width: 210mm; height: 367mm;} .print_layout {margin: 0; border: initial; width: initial; min-height: initial; box-shadow: .. Javascript - 업로드 파일 용량 제한 하여 값 반환하는 코드 한 페이지에서 2개의 파일을 올리는 경우 2개의 파일의 총합이 20MB를 넘지 않도록 한다. HTML 업로드 이미지 설명서 파일의 용량 합이 20971520 바이트를 초과하지 않도록 코드를 작성해야한다 대략 20mb이다 자바스크립트 코드에서는 두 개의 파일 입력란(작품 이미지와 작품 설명서)에 각각 name 속성을 지정해주었습니다. 이렇게 하면 checkTotalFileSize() 함수가 호출될 때 두 파일의 용량을 각각 확인할 수 있습니다. 함수 checkTotalFileSize()는 두 파일의 용량 합계를 계산하고, 합계가 최대 크기인 20971520 바이트를 초과하면 경고를 띄우고 파일 선택을 취소합니다. 경고 메시지에는 최대 허용 크기 합계인 20MB가 표시됩니다. 모든 파일 입력란에 대해 용량 .. Javascript - Radio input 태그- 필수 항목 미 선택 시 false 반환 코드 개인(기업)/팀 1 2 Javascript 배열 변수에 공백 값이 자꾸 들어가는 경우 filter() 메서드 Javascript 배열에서 공백 값을 제거하려면 filter() 메서드를 사용할 수 있습니다. 다음과 같이 코드를 수정하면 됩니다: wr_7 = wr_7.filter(function(value) { return value.trim() !== ''; }); 이 코드는 wr_7 배열을 순회하면서 각 요소의 앞뒤 공백을 제거한 후, 공백이 아닌 값들로 새로운 배열을 생성합니다. 이렇게 생성된 새로운 배열이 다시 wr_7에 할당되면서 공백 값이 제거됩니다. HTML JSTL - , 태그 를 사용하는 경우 - ${trimmedItem} wr_7_list 배열에서 공백 값을 제거하려면 forEach 루프 내에서 각 요소에 접근하기 전에 공백을 제거해야 합니다. 다음과 같이 코드를 수정할 수 있습니다: 위의 코드에.. 이전 1 2 3 다음
