A Joyful AI Research Journey🌳😊

The code const sum = numbers.reduce((a, b) => a + b); calculates the sum of the elements in the array numbers. The reduce() method takes a callback function as an argument, and this function is called repeatedly, with the accumulated sum as the first argument and the current element of the array as the second argument. In this case, the callback function simply adds the two arguments together. T..

Differences between Spring/JSP and React/TypeScript for CRUD Operations: Language and Type-Checking: With Spring/JSP, you would typically use Java for the server-side logic. Java is a statically typed language which means you have to define the types of your variables when you declare them. However, with React, you are typically using JavaScript (or TypeScript in your case). JavaScript is a dyna..

Polyfills allow web developers to use an API regardless of whether or not it is supported by a browser, and usually with minimal overhead. Fetch API Fetch is a built-in browser API for making HTTP requests. It was introduced to replace XMLHttpRequests. Pros: It is promise-based, which means it's easier to use and read than older APIs like XMLHttpRequest. It is built into most modern browsers, wh..

정수론 (1) - 최대공약수, 최소공배수, 유클리드 호제법 안녕하세요, Dimen입니다! 오늘부터 정수론에 대한 글을 써보고자 합니다. 정수론은 정규 수학 교육과정에서 잘 다루지 않기 때문에 많은 분들에게 생소한 분야입니다. 그런 만큼 많은 분들에게 dimenchoi.tistory.com Greatest Common Divisor (최대 공약수) :the greatest common divisor of two or more integers is the largest positive integer that divides each of the given integers without leaving a remainder. function GCD(x, y) { return !x ? y : GCD(y, x % y..

padStart: the padding is added at the start of the string and padEnd: the padding added at then end. index === 0 is a condition used to determine if the current element being processed in the map() function is the first element of the row. 코드) 알고리즘 문제는 하단 output처럼 문자는 왼쪽, 숫자는 오른쪽으로 테이블에 정렬하기였다. const data = [ ["AAA", 1.23456, 123456], ["BBBBB", 12.3, 123], ["CCCC", 123.4, 1234] ]; function newTa..

https://barcode.tec-it.com/en/MobileQRCode?data= Free Online Barcode Generator: Create Barcodes for Free! This free online barcode generator creates all 1D and 2D barcodes. With TEC-IT Barcode Software you generate barcodes as part of applications or web-sites. Available as Barcode ActiveX, Barcode .NET Web Forms Control, Barcode DLL. barcode.tec-it.com 위 링크에서 QR코드를 생성한다. 입고 등록 itemReceived.jsp ..

onchange event is triggered when the input field loses focus and its value has been changed. 예시) 비밀번호 (영문 숫자 특수문자 조합, 8자리 이상) 좋아요! 영문자, 숫자, 특수기호 조합으로 8자 이상으로 입력하세요. //비밀번호 체크 console.log("Password check connect"); function validatePassword() { const passwordInput = document.getElementById("password"); if (!passwordInput.checkValidity()) { passwordInput.classList.add("is-invalid"); passwordInput...

230424 Mon, 230425 Tue 더 쉬운 방법: onclick="window.print()"도 있다. 증명서 다운로드 The onbeforeprint event occurs when a page is about to be printed. The onbeforeprint event occurs before the print dialogue box opens. 아래 코드를 사용하면 [증명서 다운로드] 버튼이 작동한다. 증명서 다운로드 참고: https://www.w3schools.com/jsref/event_onbeforeprint.asp

HTML 파일에 태그가 끝나기 전에 아래 JS 코드를 추가한다. 아래 CSS 코드를 추가한다. 애니메이션 효과가 있을 내용에 아래 코드로 묶는다. 나는 오른쪽에서 나오는 애니메이션(fade-right)을 골랐다. 아래 예시 링크에서 압축 파일을 다운 받아서 aos.css와 aos.js를 쓰면 된다. 그리고 aos.js에 경로 수정을 한다. import '../css/aos.css'; 예시 링크) https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io 원작자 깃허브 링크) 사용 설명을 볼 수 있다. https://github.com/..

230329 기본틀은 아래와 같고 input에 name, type, id 등 다양한 걸 넣을 수 있다. 검색하면 보통 전체 약관 동의만 떠서 그런데 선택 약관 코드도 넣었다. 코드) 전체 약관, 선택 약관, 이메일, SMS 각 눌렀을 때 체크박스 체크되게 만들기 //전체 약관 동의 function checkAll() { if ($("#TermsOfService").is(':checked')) { $("input[name=sub_TermsOfServiceRequired]").prop("checked", true); } else { $("input[type=checkbox]").prop("checked", false); } } //선택 약관 동의 function checkOptional() { if ($("..

230130 jQuery의 toogle() 사용해서 버튼 클릭했을 때 나오고 숨기는 기능 참고: https://lionbum.tistory.com/44 //jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다. $(function (){ $("#infoValidButton").click(function (){ $("#infoValid").toggle(); }); }); 클릭했을 때 화살표 위아래 방향과 내용 보임, 숨김 기능이 된다. 참고 //jQuery toggle 이용: 개인정보 버튼 눌렀을 때 설명 3줄이 나오고 다시 버튼을 누르면 다시 설명이 숨겨진다. //화살표: ⮝ up: &#11165, ⮟ down: &#11167 $(docum..

230217 Fri 자바스크립트를 공부했을 때 배운 것 중 내가 헷갈려하는 다시 기억할 것을 정리했다. 목차 1) new 2) this 3) return false, return true 1) 생성자 함수 new 2023.01.17 - [1. Revision 2023/Javascript] - [15] 230117 Ch. 9 자바스크립트 객체: 객체, 객체의 생성 및 사용, 프로토타입, 자바스크립트 내장 객체, Array 객체, 자바스크립트에서의 오류 처리 생성자 함수(Constructor Function)를 이용한 객체 생성 사용자 정의 객체: 개발자는 자신만의 객체도 생성할 수 있다. 사용자 정의 객체를 생성하려면 생성자라는 특별한 함수가 필요하다. 생성자는 객체를 초기화(변수에 제일 처음 들어가는 값..