포트폴리오/JSP HTML CSS (5) 썸네일형 리스트형 JSP/HTML/Javascript - 사진 미리보기, 사진 썸네일 구현 사진 업로드를 할 때 어떤 사진이 올라가는지 파일 선택과정에서도 알 수 있지만 사진을 선택하다보면 어떤 사진을 선택했는지 헷갈릴 경우가 있다. 그럴때에는 사진 미리보기 기능으로 어떤 사진을 업로드했는지 확인한다. input type="file"으로 설정하고 여러개의 사진 업로드하려면 multiple="multiple" 속성을 추가한다. 그리고 자바스크립트를 작성한다. 자바스크립트에서 FileReader를 이용하여 파일을 안에 추가한다. JSP - 관리자 로그인 페이지 (feat. bootstrap - Admin SB2) 각종 관리자 기능을 위해 관리자 페이지를 제작한다. 관리자 페이지는 따로 접근하는 것이 아니라 일단 메인 페이지에서 접근할 수 있게 하였다. 관리자 페이지 접근 링크는 footer..jsp에서 생성한다.. Copyright © Your Website 2020 Administrator https://jamesyleather.tistory.com/399 스프링 프레임워크 - 관리자 로그인 관리자 로그인을 위해 아래와 같은 테이블을 생성한다. create table employee( id varchar2(20) primary key, pwd varchar2(20), name varchar2(40), email varchar2(40), phone varchar2(20)); 관리자 데이터를.. jamesyleat.. JSP - 회원가입 페이지 만들기 - 1 로그인을 하기위해서는 회원가입이 필요하다. 회원가입 페이지를 만들어보자. 로그인페이지에서 회원가입(JOIN)을 눌렀을 때 넘어가는 페이지이다. https://jamesyleather.tistory.com/392 로그인 페이지 만들기 https://jamesyleather.tistory.com/391 index 페이지 만들기 index 페이지를 만들기 위해 bootstrap 무료 템플릿을 사용한다. https://startbootstrap.com/templates/modern-business/ Modern Business - Full We.. jamesyleather.tistory.com 컨트롤러에서 각 페이지로 넘어갈 수 있게 설정한다. jamesyleather.tistory.com/393 회원가입/ 아.. JSP - 로그인 페이지 만들기 https://jamesyleather.tistory.com/391 index 페이지 만들기 index 페이지를 만들기 위해 bootstrap 무료 템플릿을 사용한다. https://startbootstrap.com/templates/modern-business/ Modern Business - Full Website Template for Bootstrap 4 A 17 page full website temp.. jamesyleather.tistory.com 앞서 만든 인덱스 페이지에 이어서 로그인 페이지를 만들어본다. 처음에는 로그인을 마이페이지에서 할 수 있게 한다. 그러면 인덱스 페이지를 작성하면서 header 부분을 수정한다. Jamesy Leather About Shop All Bag Wall.. JSP - index 페이지 만들기(feat. 부트스트랩) index 페이지를 만들기 위해 bootstrap 무료 템플릿을 사용한다. https://startbootstrap.com/templates/modern-business/ Modern Business - Full Website Template for Bootstrap 4 A 17 page full website template for Bootstrap 4. Includes a working contact form, and many other features. All Start Bootstrap templates are free to download and open source. startbootstrap.com 그래서 화면에 적용될 css와 image와 jquery, Javascript를 저장할 폴더를 .. 이전 1 다음
