20대의 자산

// 위의 HTML 은 수정하지 마세요 // 위의 HTML 안에 inline JS 코드 없이 동작할수 있도록 아래에 작성해보세요 document.getElementById('btn').addEventListener('click', function () { let e; for (x of document.getElementsByName('option')) { if (x.checked) { e = x.value; break; } } switch (e) { case '구매자명+금액': { const frm = document.forms['frm1']; if (!frm['name'].value.trim().length) { alert('구매자명을 입력하세요'); } else if (Number(frm['price..

WEB-Front end/*JAVASCRIPT 2023. 10. 25. 09:43

checkAgree 함수는 웹 페이지의 특정 폼(form) 내부에 있는 동의 체크박스(checkbox)들이 모두 체크되어 있는지 확인하고, 그 결과에 따라 다른 작업을 수행하는 기능을 제공합니다. 아래에서 코드의 각 부분을 상세히 설명하겠습니다: 폼 참조 가져오기:document.forms는 문서 내의 모든 폼 요소들을 나타냅니다. 'regist'라는 이름을 가진 폼을 frm 변수에 저장합니다. javascriptCopy code const frm = document.forms['regist']; 체크 상태 초기화:ch 변수는 모든 체크박스가 체크되어 있는지 확인하는 데 사용됩니다. 초기값으로 true를 가집니다. javascriptCopy code let ch = true; 동의 항목 검사: frm['..

WEB-Front end/*JAVASCRIPT 2023. 10. 24. 13:00

영화목록조회 영화명: 조회시작 개봉연도(yyyy): 출력ROW : 출력페이지 : 정보 가져오기 지우기 검색결과 var api_key = "0e7c88e7f62c29472be39912e14be27a"; // 자신의 키값 입력하기! var req_url = "http://www.kobis.or.kr/kobisopenapi/webservice/rest/movie/searchMovieList.json"; var keyUrl = `${req_url}?key=/${api_key}`; // 위에 key값과 url을 합침 function removeTable(){ //document.getElementById('demoXML').removeChild(document.getElementById('demoXML').chi..

카테고리 없음 2023. 10. 24. 12:50

이름 아이디 홍길동 Mr.Hong 첫번째 함수 이벤트 리스너 //현 전체문서 css선택자 #기호는 ID를 나타내고 #table1은 ID가 "table"인 요소를 참조하며 그 요소의 내부에서 'div'태그를 모두 선택하려는 것을 의미합니다. for(e of document.querySelectorAll("#table1 div")) { //for...of루프를 사용하여, 위의 div요소에 반복문 수행 대해변수 'e'에다가 넣고 이벤트 주기 e.addEventListener("click", function() { // 이 코드는 각 'div'요소에 클릭 이벤트 리스너를 추가합니다 'div'를 클릭하면 인라인 함수가 호출됩니다. let text = this.innerHTML.trim(); // this는 이벤트..

WEB-Front end/*JAVASCRIPT 2023. 10. 24. 01:47

DML (Data Manipulation Language) INSERT(레코드 입력), UPDATE(변경), DELETE(삭제), MERGE(합병) ** 테이블 내의 레코드나 컬럼 을 다루는 명령어 DDL (Data Definition Language) CREATE(생성), ALTER(수정), DROP(삭제), TRUNCATE(잘라내기), DCL (Data Control Language) GRANT(권한 주기), REVOKE(권한 뺏기) TCL (Transaction Control Language) COMMIT(확정), ROLLBACK(취소) DQL (Data Query Language) SELECT 데이블 생성 CREATE TABLE 테이블명 ( 필드명 타입 제약조건, 필드명 타입 제약조건, ... )..

MySQL 2023. 10. 12. 12:26

https://youtu.be/FVZdiAS9Doo?si=O26RPoaWkIHOFZ0K

유용한 사이트 모음 2023. 9. 6. 10:30

제네릭이란? 제네릭이란 뜻이 "일반적인" 이라는 뜻인데, '데이터 형식에 의존하지 않고, 하나의 값이 여러 다른 데이터 타입들을 가질 수 있도록 하는 방법'이다. 동작은 같지만 데이터 타입은 같다(많이 등장함.) 제네릭 타입을 왜 사용하는가? - 제네릭타입을 사용함으로써 잘못된 타입이 사용될 수 있는 문제를 컴파일 과정에서 제거할 수 있기 때문. - 제네릭 코드를 사용하면 타입을 국한하기 때문에 요소를 찾아올 때 타입 변환을 할 필요가 없어 프로그램 성능이 향상되는 효과를 얻을 수 있다. - 자료구조 같이 구조체를 직접 만들어 사용할 때 많이 쓰이기도 하고 매우 유용하기도 하다. 즉, 코드 관리가 편하다는 점. 제네릭 사용법 public class 클래스명 {...} public interface 인터페..

Programming language/JAVA 2023. 8. 31. 20:54

이미 개발된 클래스를 재사용해서 새로운 클래스를 만들기 때문에 중복되는 코드를 줄여 개발 시간을 단축시킨다. 현실에서는 부모가 자식을 상속하지만, 프로그램에서는 자식이 부모를 선택한다. # 조상클래스가 변경되면 자손클래스는 자동적으로 영향을 받는다 - 대신, 자손클래스가 변경되는 것은 조상 클래스에 영향 없다. - 생성자와 초기화 블럭은 상속되지 않는다. - 자손 클래스의 멤버개수는 조상 클래스보다 같거나 많다. - 상속 선언하기 - public class 새로 작성하고자 하는 클래스 extends 상속 받고자하는 클래스 { } # 주의할 점 # 다른 언어와 달리 다중 상속을 허용하지 않는다. public class 자식클래스 extends 부모클래스1, 부모클래스2 { } 예제1) Phone을 부모로하..

Programming language/JAVA 2023. 8. 27. 23:57