javascript (21) 썸네일형 리스트형 사용자 브라우저 액션 반응 형 JavaScript code : 설문조사 완료 후 버튼 활성 function openSurvey() { // ... (생략) ... if (now >= targetDate) { window.open('www.naver.com', '_blank'); setTimeout(checkSurveyCompletion, 10000); } // ... (생략) ...}임시로 해당 url 창이 띄워지고 10초 뒤에 checkSurveyCompletion 해당 함수가 실행 되게 함으로서 사용자가 설문조사 작업에 집중할 수 있도록 했다 위의 코드를 좀 더 효율 적인 방식으로 바꾸고자 했다 function openSurvey() { window.open('www.naver.com', '_blank'); document.addEventL.. Warning: Extra attributes from the server: ap-style 이 에러 해결하는 방법은 suppressHydrationWarning 이것 뿐인가 ? https://velog.io/@brgndy/Next.js-13-%EB%8B%A4%ED%81%AC-%EB%AA%A8%EB%93%9C-%EA%B5%AC%ED%98%84%EC%8B%9C-Warning-Extra-attributes-from-the-server-data-themestyle-at-body-at-html-at-RedirectErrorBoundary-%EC%97%90%EB%9F%AC Next.js 13 다크 모드 구현시 Warning: Extra attributes from the server: data-theme,style at body at html at Re추후 더 나은 방법을 찾아야 할 부분Next.js 에서 다크모드를 구현하다가 이러한 에러를 만났다. 구글링을 해보니 서버쪽에서 렌더링하는 .. [Javascript] 자바스크립트에서 Textarea 값 읽어오기 쉽지만 까먹죠 ! 는 HTML에서 여러 줄의 텍스트를 입력 또는 표시하는 데 사용되는 태그입니다. 다음은 요소의 사용법에 대한 간단한 설명입니다: 요소 생성: id: 요소에 고유 식별자를 제공합니다. JavaScript에서 요소에 접근할 때 사용될 수 있습니다. rows: 표시할 텍스트 영역의 행 수를 지정합니다. cols: 표시할 텍스트 영역의 열 수를 지정합니다. 기본 텍스트 설정: 기본 텍스트 태그 내에 기본 텍스트를 포함시킬 수 있습니다. JavaScript를 사용하여 내용 동적 설정: document.getElementById("myTextarea").value = "동적으로 설정된 내용"; JavaScript를 사용하여 의 내용을 동적으로 설정할 수 있습니다. value 속성을 사용하여 내용을 변경할 수 있습니.. [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.. 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 - 업로드 파일 용량 제한 하여 값 반환하는 코드 한 페이지에서 2개의 파일을 올리는 경우 2개의 파일의 총합이 20MB를 넘지 않도록 한다. HTML 업로드 이미지 설명서 파일의 용량 합이 20971520 바이트를 초과하지 않도록 코드를 작성해야한다 대략 20mb이다 자바스크립트 코드에서는 두 개의 파일 입력란(작품 이미지와 작품 설명서)에 각각 name 속성을 지정해주었습니다. 이렇게 하면 checkTotalFileSize() 함수가 호출될 때 두 파일의 용량을 각각 확인할 수 있습니다. 함수 checkTotalFileSize()는 두 파일의 용량 합계를 계산하고, 합계가 최대 크기인 20971520 바이트를 초과하면 경고를 띄우고 파일 선택을 취소합니다. 경고 메시지에는 최대 허용 크기 합계인 20MB가 표시됩니다. 모든 파일 입력란에 대해 용량 .. 이전 1 2 3 다음
