분류 전체보기58 웹 애니메이션 구현 방법 setTimeout() or setInterval() let count = 0; function animate() { setTimeout(() => { if(count >= 20) return; console.log('현재시각은', new Date()); count++; animate(); },500); } animate(); requestAnimationFrame var count = 0; var el=document.querySelector(".outside"); el.style.left = "0px"; function run() { if(count > 70) return; count = count + 1; el.style.left = parseInt(el.style.left) + count + "p.. 2024. 2. 28. DOM Node 조작하기 document.querySelector("#nav_tutorials"); document.querySelector(".w3-table-all"); //해당되는게 여러개면 잘 안나옴 a = document.querySelector(".w3-table-all"); a.textConent; //가지고 있는 text 노드들 나옴 a.tagName; //태그 속성이 나옴(테이블이라던가) var w3tableHTML = a.innerHTML; //html 가져오기 a.firstElementChild; //첫번째 자식 a.firstChild; //첫번째 자식인건 같은데 공백이나 텍스트도 포함 a.remove(); //삭제 //DOM 조작 API removeChild() appendChild() var div = d.. 2024. 2. 28. JavaScript 문법 메모3 var obj = { name : "crong", age : 20} console.log(obj["name"]); console.log(obj.age); 결과: crong 20 const myFriend = { key : "value", key2 : "value" }; console.log(myFriend); // 객체 속성 추가 myFriend["name"] = "crong"; console.log(myFriend["name"]); 결과: crong myFriend.age = 34; console.log(myFriend.age); 결과: 34 // 객체 속성 삭제 delete myFriend.key; delete myFriend["key2"]; console.log(myFriend); var obj =.. 2024. 2. 28. 부스트코스 - TODO 리스트 Todo.java 파일 (dto) 더보기 package kr.or.connect.todolist.dto; public class Todo { private Integer id; private String title; private String name; private Integer sequence; private String type; private String regdate; private String longRegdate; public String getLongRegdate() { return longRegdate; } public void setLongRegdate(String longRegdate) { this.longRegdate = longRegdate; } public Todo(Integer.. 2024. 2. 27. 부스트코스 - 나를 소개하는 홈페이지 만들기 코드 aboutme.html 더보기 1997.02.26 어릴적 모습 2024.02.26 현재 header.html 더보기 홈 자기소개 내사진 몇시에요 footer.html 더보기 donghyundhl@naver.com https://github.com/dhl7799 includeHTML.js header, footer 같은 공통부분을 import 하기위한 js파일 더보기 // include.js window.addEventListener('load', function() { var allElements = document.getElementsByTagName('*'); Array.prototype.forEach.call(allElements, function(el) { var includePath = e.. 2024. 2. 27. Try-Catch 자동 close 기존 try-catch 구문 try { Class.forName("com.mysql.jdbc.Driver"); conn = DriverManager.getConnection(dburl, dbUser, dbpasswd); String sql = "SELECT description,role_id FROM role WHERE role_id = ?"; ps = conn.prepareStatement(sql); ps.setInt(1, roleId); rs = ps.executeQuery(); if (rs.next()) { String description = rs.getString(1); int id = rs.getInt("role_id"); role = new Role(id, description); } } c.. 2024. 2. 26. 이전 1 ··· 5 6 7 8 9 10 다음
