afullmoon afullmoon

페이징 알고리즘을 게시판에 적용해 봅시다~ 일단 PageVO를 작성 먼저 하고 package com.spring.mvc.board.commons; import lombok.Getter; import lombok.Setter; import lombok.ToString; @Getter @Setter @ToString public class PageVO { private int page; //사용자가 선택한 페이지 번호 private int countPerPage; //사용자가 선택한 한 화면에 보여질 게시물 개수 public PageVO() { this.page = 1; this.countPerPage = 10; } } /* *** 페이징 알고리즘 만들기 *** # 1. 총 게시물의 수를 조회해야 합니다. ..

연휴 전에 BoardVO까지 작성했었어요! mapper에 sql문을 작성합니다. INSERT INTO mvc_board (board_no, title, content, writer) VALUES(board_Seq.NEXTVAL, #{title}, #{content}, #{writer}) SELECT * FROM mvc_board ORDER BY board_no DESC SELECT * FROM mvc_board WHERE board_no=#{boardNo} UPDATE mvc_board SET title=#{title}, content=#{content} WHERE board_no=#{boardNo} UPDATE mvc_board WHERE board_no=#{boardNo} test로 돌리기 위해서 m..

오늘은 db를 이용해서 게시판을 만드는 수업을 했습니다. JdbcTemplate을 사용하기 위해 maven spring에서 관련 링크를 가져와서 pom.xml에 넣어줍니다. BoardVO부터 만들어 주고.. package com.spring.db.model; public class BoardVO { private int boardNo; private String writer; private String title; private String content; public int getBoardNo() { return boardNo; } public void setBoardNo(int boardNo) { this.boardNo = boardNo; } public String getWriter() { retu..

BOM 마지막: 윈도우 시계 .bg-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; animation: fadeIn .5s linear; } @keyframes fadeIn{ from{ opacity: 0; } to{ opacity: 1; } } .clock h1{ color: white; } 00:00:00 function createTime(){ const $clock = document.querySelector('.clock h1'); const date = new Date(); const hour = date.getHours(); const minute = date.getMinutes(); const..

form 객체 아이디: 비밀번호: 번호: 010 011 018 - - 자기소개: 분야: Java DB Jsp JavaScript 가입 /* - 폼 객체는 document 객체의 하위 객체 중 하나로 유일하게 name 속성만으로 form 요소의 선택이 가능합니다. - form 에도 name이 있어야 하며, name으로 모두 접근할 수 있습니다. - document.폼 이름.input이름으로 접근합니다. value: 값을 반환 checked: 체크되어 있다면 true, 아니라면 false disable: 비활성화하면 true, 아니라면 false length: 요소의 길이 반환 focus(): 요소에 포커싱 submit(): */ function check(){ const $form = document.re..

퀴즈 푼 날~!!

속성노드 (1) basic const $input = document.querySelector('input'); console.log($input.attributes); console.log($input.attributes[0].value); console.log($input.attributes.type.value); console.log($input.attributes.id.value); console.log($input.attributes.value.value); $input.attributes.value.value = 'lee'; $input.attributes.type.value = 'password'; console.log($input.attributes.value.value); console...

1. DOM (1) id Apple Banana Grape PineApple //관례적으로 노드 변수는 이름 앞에 $기호를 붙입니다. const $apple = document.getElementById('apple'); console.log($apple.attributes[0]); $apple.style.fontSize = '40px'; document.body.style.background = 'tomato'; //없는 아이디로 취급: null이 반환됩니다. const $item = document.getElementById('banana'); console.log($item); if($item !== null){ $item.style.color = 'yellow'; } //요소에 id 부여 시 아이..