본문 바로가기

반응형

Web Dev/Javascript

(26)
Turing IT 헤드헌터 코딩 테스트 문제 function find_max(nums) { let max_num = Number.NEGATIVE_INFINITY; for (let num of nums) { if (num > max_num) { // 누락된 코드를 맞춰보세요 // 정답 : ? } } return max_num; 힌트 : Number.NEGATIVE_INFINITY은 JavaScript에서 숫자 중 가장 작은 값 중 하나입니다. 이 값은 모든 다른 숫자보다 작습니다. 따라서 배열 내의 모든 숫자를 Number.NEGATIVE_INFINITY 값과 비교하면, 배열 내의 숫자 중 가장 작은 숫자는 여전히 Number.NEGATIVE_INFINITY일 것이며, 나머지 숫자 중 가장 큰 숫자를 찾을 수 있게 됩니다 함수에서 배열의 가장 큰 수..
[Javascript] 코드 작동에 시간 제약을 걸어 둘 수 있는 코드 개발 하기 저는 흔히 버튼을 a 태그를 사용하여 생성합니다. 다운로드 jQuery를 사용하여 특정 날짜와 시간 범위를 고려하여 다운로드 버튼을 제어하는 코드입니다. 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 $(document).ready(function() { var now = new Date();..
[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가 표시됩니다. 모든 파일 입력란에 대해 용량 ..

반응형