프로젝트 개요 프로젝트 기간 : 3/17 ~ 3/24 프로젝트 목표 : CRUD 기능 구현과 데이터 베이스를 연동하여 도서 관리 시스템을 구현한다. 개발 환경 eclipse : 2020-09 apach-tomcat : 9.0.71 java : JDK "1.8.0_361" HeidiSQL : 12.4.0 Maria DB(MySQL) : 10.11.2 화면 구성 메인 화면 슬라이드 화면의 가로길이에 따라 화면에 보이는 책의 개수는 최소 3개, 최대 5개로 제한하였다. 일정 시간마다 추천 도서의 순서를 회전하게 하였다. 슬라이드 좌, 우에 있는 방향 버튼을 누르면 다음 위치에 있는 책을 볼 수 있다. 버튼뿐만 아니라 책이 있는 위치를 드래그한다면 드래그한 방향의 반대로 슬라이드가 회전한다. 내비게이션 대메뉴(..
#1 슬라이더 구현 각 버튼을 누를 경우 해당 방향에 맞는 값을 더해주고, 만약 첫 번째 페이지 거나 마지막 페이지인 경우 해당 위치의 값을 이용하여 글을 화면에 노출시킨다. 과일 사진 Left Right
#1 이미지 슬라이딩 구현 1 2 3 #2 게시판 구현하기 js를 이용해 특정 경우에 따라 이벤트를 발생시킬 수 있다. 글쓰기 제목 이름 내용 #3 카테고리에 맞는 내용 출력 왼쪽 부분을 버튼으로 구현하고 해당 부분을 누르는 경우 저장된 데이터에서 값을 꺼내 출력하면 구현할 수 있을 것 같다. Title subTitle
#1 HTML을 이용한 사원 목록 구현 (day03ex01.html) 사원 목록 번호 사진 사원명 부서 직급 수정 삭제 1 홍길동 영업부 과장 2 김길동 영업부 과장 3 박길동 영업부 과장 #2 배열, 화면 출력 (day03ex02.html) 배열명.length : 배열 크기 확인 배열명.push(value) : value를 "배열명"에 추가 배열명[index] = value" : 해당 위치의 값을 value로 지정 배열명.shift() : 배열 가장 왼쪽에 있는 값을 반환 배열명.unshift(value) : 가장 왼쪽에 값(value)을 추가 배열명.splice(2, 3, 10, 20) : 반환할 인덱스, 횟수, 추가할 값들... #3 script(js)를 이용한 사원 목록 구현 (day03ex03...
#1 day02ex01_1.html (박스 이동 방식 1) 좌상 우상 좌하 우하 Box #2 day02ex01_2.html (박스 이동 방식 2) 좌상 우상 좌하 우하 Box #3 day02ex02.html (id, href) 길동이의 홈페이지 aaa로 이동 1번째 문단 top으로 이동 3번째 문단 naver google facebook #4 day02ex03.html (ul 가로 정렬 및 텍스트 중앙 정렬 + 커서를 올릴 경우 반응) 길동이의 홈페이지 HOME PROGILE GALLERY LECTURE BOARD 오신 것을 환영합니다. #5 day02ex04.html (테이블 태그) 테이블 태그 11 12 14 21 24 31 32 33 #6 day02ex05.html (테이블, thead, tbody..
#1 day01ex01.html (내부 선언 방식) Hello World 오신 것을 환영합니다. 반갑습니다. #2 day01ex02.html + day01ex02.js (외부 선언 방식) Click Hello World var clickBtn = document.getElementById("clickBtn"); var haeding = document.getElementById("heading"); var aa = document.getElementsByClassName("aa"); // 리스트 형태로 가져온다. // DOM의 선택 여부 확인 가능 console.log(clickBtn); console.dir(clickBtn); // 선택된 DOM 요소에 이벤트 핸들러 걸기 clickBtn.onclick..
