JSP - include (지시자) include는 jsp에서 기본으로 제공하는 용어입니다 include 는 JSP(Java Server Pages)에서 다른 JSP나 HTML 파일 등을 포함시키는 방법중 하나입니다 문법 사용예시 사진과 같이 모든 페이지에서 사용되는 header / nav / footer 부분을 따로 만들고 include를 사용하여 원하는 부분에 넣어준 모습입니다 nav.jsp - script 예시 jsp파일을 해당 위치에 넣어 화면에 출력하기 때문에 스크립트또한 잘 작동합니다 JavaScript - preventDefault (메소드) prevetnDefault는 JavaScript의 이벤트객체에서 제공하는 메소드입니다 주사용 기능은 이벤트의 동작을 막거나 취소할때 사용됩니다 사용 예..
IntelliJ에서 MySQL 사용하기 1. IntelliJ를 켜고 오른쪽 사이드바에 있는 데이터베이스를 눌러주세요 2. 데이터베이스 사이드바가 열리면 위쪽에 +버튼을 누르고 데이터베이스 항목에서 MySQL을 찾아 눌러주세요 3. 그럼 이렇게 설정칸이 나오고 여기서 사용자 , 비밀번호 , 데이터 베이스 항목에 MySQL에서 만들어둔 정보를 넣어줍니다 4. 정보를 다 입력했다면 연결 테스트를 눌러주세요 드라이버 파일 다운로드 팝업이 뜬다면 팝업을 눌러 다운로드 해주세요 5. MySQL에 생성한 계정 정보와 DB정보가 맞다면 이렇게 성공팝업이 뜨고 맞지 않다면 무한로딩화면이 뜨기 때문에 무한 로딩이나 실패화면이 뜬다면 SQL에서 만든 계정 정보나 DB정보를 확인해주세요 6. 실험을 위해 미리 만들어둔 테이블..
아래 사진과 같이 만들어 봅시다 조건 .1 save.jsp에서 사용자가 회원 성명을 입력하지 않은 경우 팝업으로 "회원성명이 입력되지 않았습니다"를 출력하고 해당 text바에 포커스 조건 .2 마찬가지로 사용자가 모든 정보를 입력하여 정상 등록되는 경우 팝업으로 "회원등록이 완료 되었습니다!"를 출력 조건 .3 조회된 목록의 회원 번호를 클릭하면 회원정보수정 화면(list.jsp)으로 이동 당연히 모든 정보는 DB를 통해야함 index - 메인화면 설명 필요 없는 부분 Save.jsp - 회원 등록 페이지 사용자의 정보를 입력받아 /saveParam으로 Controller에 파라미터로 전성된다 회원 정보이기 때문에 보안을위해 post로 전송한다 Controller @Controller public cla..
준비물 전날에 만들었던 Book프로젝트를 사용하여 추가적인 수업을 진행했습니다 인천 일보 아카데미 45일차 -2- DB와 연동해보기 / DB에 값 담기 / DB에 담은 값 list 출력 / DB에 담긴 IntelliJ를 MySQL DB와 연결해보기 먼저 전에 받은 설정파일에서 root-context-DB연결 파일을 vscord로 열어 인텔리제이에 있는 root-context에 복사 붙여넣기 해줍니다 이후 각각의 붉은 선부분에 MySQL에서 만 guping.tistory.com 저장된 정보 수정하기 list.jsp에 버튼을 3개 만들고 각각 수정 , 삭제 , 조회로 설정했습니다 각버튼을 클릭하면 onclick 이벤트가 실행되고 함수를 호출합니다 id의 정보는 MySQL에서 자동으로 넣어주고 primary ..
IntelliJ를 MySQL DB와 연결해보기 먼저 전에 받은 설정파일에서 root-context-DB연결 파일을 vscord로 열어 인텔리제이에 있는 root-context에 복사 붙여넣기 해줍니다 이후 각각의 붉은 선부분에 MySQL에서 만들어준 DB의 이름 , user계정 , password를 입력해주세요 (작은 오타가 있어도 웹이 열리지 않기 때문에 왠만하면 MySQL에서 복사하여 붙여넣어주세요!) 이렇게 DB와 user정보를 모두 입력했다면 아래 거슬리는 빨간 선을 제거해봅시다 저희가 만든 resources 폴더가 아닌!! 처음 프로젝트를 만들때 부터 있던 resurces 폴더에 파일 하나를 만들어주세요 파일의 이름은 mybatis-config으로 하겠습니다 이렇게 만들어진 mybatis-con..
새프로젝트 만들기 1. project name: library 2. base-package: com.icia.lib 3. 주요 동작 및 파일 1. Class 1. HomeController 1. 기본주소 요청에 대해 index.jsp 출력 2. BookController 1. 도서 등록, 조회, 목록 출력 등을 위한 메서드 있음 3. BookService 1. Controller로 부터 호출되며 로직 처리 4. BookDTO 1. 번호(id), 제목(bookName), 출판사(bookPublisher), 저자(bookAuthor), 정가(bookPrice) 정보를 담기 위한 필드 있음. 2. index.jsp 1. save.jsp를 출력하기 위한 링크 있음(요청주소: /save) 3. list.jsp를 ..
여러 타입의 정보를 파라미터로 받아 콘솔에 출력해보기 Controller @Controller public class MainController { @GetMapping("/monday5") public String monday5(){ return "monday5"; } monday5.jsp를 화면에 보여주기 위해 return moday5를하는 GetMapping 메소드 @PostMapping("/monday5-param") public String monday5Param(@RequestParam("name") String name, @RequestParam("gender") String gender , @RequestParam("city") String city , @RequestParam("lang"..
1. 주요 동작 1. 모든 요청은 MainController에서 처리함 2. 프로젝트 시작하면 index.jsp 출력 import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class MainController { @GetMapping("/") public String index(){ return "index"; } } 2. index.jsp 1. monday1.jsp를 출력하기 위한 링크 있음(요청주소: /monday1) 2. monday2.jsp를 출력하기 위한 버튼 있음(요청주소: /monday2) 3. monday3.jsp를 ..
