⏬ HTML 준비 코드 /* 할 일을 적을 입력칸*/ /* 적은 입력이 저장되는 출력칸*/ ⏬JS 코드 🔆각 요소 값 변수에 저장 및 입력한 값을 담을 배열 생성 //입력 폼 const toDoForm = document.querySelector('#todo-form') //입력 const toDoInput = toDoForm.querySelector('input') //출력할 ul요소 const toDoList = document.querySelector('#todo-list') /**localstorage에는 오직 text만 저장 가능하다. */ let toDos = []; /*자주 사용하는 단어(상수)는 오타를 치지 않도록 변수에 담아서 사용한다.*/ const TODOS_KEY = "todos";..

🟰위와 같이 새로고침을 할 때 자동으로 다음 인용구가 랜덤으로 나오도록 만들어보는 연습을 하려고 한다. ⏬준비할 html코드(id가 quote인 div태그안의 span태그에 인용구를 넣으려고 한다) ⏬JS코드 ( quotes값에 넣고자 하는 인용구와 text를 넣어준다.) 🔆quote안의 두개의 span 을 first-child, last-child를 통해 불러온다 🔆Math.random()을 통해 랜덤정수를 가져온다.(quotes.length를 곱해서 해당 길이만큼 범위를 확장) 🔆Math.floor를 통해 소수점을 버린다. Math.random은 double타입으로 나오기 때문 🔆그렇게 생성된 랜덤 인덱스에 해당하는 quote와 text를 각 span에 넣어주기만 하면 끝! const quotes =..

해당 게시물을 이용한 2차 창작은 댓글 부탁드립니다. 🟰파일을 분리하였을 때 장점 ☀️코드의 구분이 쉬워진다. ☀️각 파일의 목적이 확실해진다. 매우 간단해서 예시사진만 첨부하겠습니다. css는 link태그로 javascript는 body안에서 script태그로 사용하시면 됩니다.

JSP를 배우는 중이시다니, 좋은 선택입니다! VO(Value Object), DTO(Data Transfer Object), DAO(Data Access Object)는 JSP에서 자주 사용되는 디자인 패턴 중 하나입니다. VO, DTO, DAO는 모두 데이터를 처리하는 데에 사용됩니다. 각각의 역할과 예시 코드를 살펴보겠습니다. VO (Value Object) VO는 값을 가지는 객체를 의미합니다. 데이터베이스 테이블의 한 행(row)에 해당하는 값들을 VO 객체에 담아서 전달하는 역할을 합니다. 예시 코드: public class MemberVO { private String id; private String password; private String name; private String emai..

다형성? 여러 가지 형태를 가질 수 있는 능력이란 뜻이며, 한 타입의 참조변수로 여러 타입의 객체를 참조할 수 있도록 한다. 더 자세히 말하면, 조상클래스 타입의 참조변수로 자손클래스의 인스턴스를 참조할 수 있도록 하는 것이다. Keyboard와 NeonKeyboard는 서로 상속관계에 있으며 Keyboard는 조상 클래스, NeonKeyboard는 자손클래스이다. 참조 변수 k 에는 키보드 객체의 주소 값이 담겨 있으며, 참조 변수N에는 네온키보드의 값이 담겨있다. 이처럼 참조변수와 인스턴스의 타입이 일치하는 것이 보통이다. 이번엔 서로 상속관계에있는 두 클래스에서 조상 클래스의 타입의 참조변수로 자손클래스를 참조해보자. Keyboard(조상 클래스)참조변수 K에 NeonKeyboard(자손클래스)의 ..