✿∘˚˳°∘°

20230210 0. DB연결하기 JDBCTemplate.java : jdbc수업 시 사용했던 java파일 (connection, preparedstatement, resultset, commit, rollback에 대한 항목들이 있음) ojdbc6.jar : 자바와 연결하기 위한파일 경로 - C:\Program Files\Java\jdk1.8.0_144\jre\lib\ext -- 실습을 위한 SQL 테이블 CREATE TABLE MEMBER_TBL( MEMBER_NO NUMBER PRIMARY KEY, MEMBER_ID VARCHAR2(20) UNIQUE NOT NULL, MEMBER_PW VARCHAR2(30) NOT NULL, MEMBER_NAME VARCHAR2(20) NOT NULL, MEMBE..

20230209 web src/main/java : java 관련 패키지 클래스가 들어가는 폴더 webapp : 프론트관련된 파일(html,css,js,jquery)들이 들어가는 폴더 http://192.168.10.15/ http는 기본적으로 포트번호 80을 사용하기때문에 접속 시 생략가능하다 포트번호가 80이 아닐경우 생략불가 http://192.168.10.15/index.html -- 정식요청 webapp까지가 /인것 서버를 재시작하는 경우 - src/main/java 내부의 파일을 생성/수정/삭제할 경우 - 서버자체의 설정을 바꾼 경우 화면만 새로고침하는경우 - /webapp 폴더 아래파일을 수정한 경우 -> 예외) 단, web.xml을 수정하면 서버재시작 1. 연결 기초 [신혜빈] 테스트페이지..

20230209 1. modal, flex modal : 기존컨텐츠는 뒤에두고 이용할 컨텐츠를 강조해주는 것 flex : 정렬 시 이용 모달로그인 로그인 로그인 글씨글씨 옵션1 옵션2 옵션3 버튼 .body{ margin: 0; } .modal-wrap{ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; display: none; justify-content: center; align-items: center; } .login-modal{ background-color: #fff; width: 40vw; min-width: 300px; max-width: 500px; h..

20230208 1. [실습]슬라이딩메뉴 1 - 1 ) 슬라이딩메뉴 기본 : 화살표를 클릭하면 다음이미지를 보여주는 메뉴(단, 처음 or 마지막이미지에 도달하면 끝) 이미지 슬라이드 기본 arrow_back_ios arrow_forward_ios .slide-wrap{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative; } .slide-wrap>ul{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; /*width: 3600px;*/ /*이미지하나넓이*갯수 이기때문에 지정하면 지정된 갯수만 사용가능하므로 자바스크립트에서 작성해서 여러이미지를 사용할 수 있게 해줄 것*/ ..