A Joyful AI Research Journey🌳😊

정수론 (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..

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

230424 Mon 더 쉬운 방법: 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 - 증명서 상세 내역 페이지 (총 3장) 컨트롤러 만듦 MySQL DB에서 데이터 불러온다. - member: (id), (email), (password), name, residen..

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/..

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)를 이용한 객체 생성 사용자 정의 객체: 개발자는 자신만의 객체도 생성할 수 있다. 사용자 정의 객체를 생성하려면 생성자라는 특별한 함수가 필요하다. 생성자는 객체를 초기화(변수에 제일 처음 들어가는 값..

230213 Mon 230118 ~ 230120에 배운 Ch. 10 DOM과 이벤트 처리, 입력 검증의 연습 문제들의 풀이이다. p. 416 ~ 417 (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 웹프로그래밍을 공부한다면 반드시 짚고 넘어가야 할 내용을 친절하게 설명하는 책. 가장 기초가 되는 HTML5와 CSS3, JavaScript에 이어 jQuery, Ajax, JSON의 내용을 살펴볼 수 있다. www.aladin.co.kr 2023.01.18 - [1. Revision 2023/Javascript] - [16] 230118 Ch. 10 자바스크립트 DOM과 이벤트 처리..

[230206~] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230208 Wed autofocus="autofocus" The autofocus attribute is a boolean attribute. When present, it specifies that the element should automatically get focus when the page loads. 비밀번호 /* 회원 로그인 */ $('#btnSignIn').on(..

flip, fade-in 등의 애니메이션 : AOS 복잡한 애니메이션 구현 : GSAP https://ldrerin.tistory.com/397 CSS 애니메이션 18가지 예제 최근에 점점 더 많은 CSS 애니메이션 예제가 웹 사이트에 게재되고 있음을 눈치 챘을 것입니다 . 애니메이션은 올해 웹의 주요 트렌드였으며 아무데도가는 흔적을 보이지 않고 있습니다. 웹 전반 ldrerin.tistory.com https://codepen.io/Suburbanno/pen/OXeMvw Star animation CSS ... codepen.io 별 내리는 애니메이션 샘플 코드 https://threejs.org Three.js – JavaScript 3D Library threejs.org 인기 JavaScript ..

[230127~230205] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230130 div가 중앙 정렬이 된다. margin: auto; 특수문자 https://www.compart.com/en/unicode/U+2B9F Find all Unicode Characters from Hieroglyphs to Dingbats – Unicode Compart U+2B9F is the unicode hex value of the character ..

230126 Thu 20th class Ch. 12 jQUERY, Ajax, JSON 진도: p. 414 참고 p. 473 ~ (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 천인국 - 교보문고 HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에 product.kyobobook.co.kr 오늘 배운 것 중 기억할 것을 정리했다. 지난 수업 때 배운 것 중 다시 기억할 것 반환하다 = return 마우스 우클릭 후 "페이지 소스 ..

230125 Wed 19th class Ch. 12 jQUERY, Ajax, JSON 진도: p. 452 ~ (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 천인국 - 교보문고 HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에 product.kyobobook.co.kr 오늘 배운 것 중 기억할 것을 정리했다. 지난 수업 때 배운 것 중 다시 기억할 것 display: none; is commonly used with JavaS..

230120 Fri 18th class Ch. 10 DOM과 이벤트 처리, 입력 검증 진도: p. 407 ~ (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 천인국 - 교보문고 HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에 product.kyobobook.co.kr 오늘 배운 것 중 기억할 것을 정리했다. 지난 수업 때 배운 것 중 다시 기억할 것 - focus(): 특정 윈도우로 키보드 포커스(ex. 입력창의 커서)를 이..

230119 Thu 17th class Ch. 10 DOM과 이벤트 처리, 입력 검증 진도: p. 388 ~ (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 천인국 - 교보문고 HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에 product.kyobobook.co.kr 오늘 배운 것 중 기억할 것을 정리했다. 지난 수업 때 배운 것 중 다시 기억할 것 The document object represents your web pa..

230118 Wed 16th class Ch. 9 자바스크립트 객체 (주제별로 묶기 위해 아랫글로 글 내용 옮김.) Ch. 10 DOM과 이벤트 처리, 입력 검증 진도: p. 366 ~ (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초, 저자: 천인국) HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 천인국 - 교보문고 HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 | 웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에 product.kyobobook.co.kr 오늘 배운 것 중 기억할 것을 정리했다. 지난 수업 때 배운 것 중 다시 기억할 것..