공부기록169 5월 18일 Spring - 홈페이지 로그인 DB 연동 DB 관련 로그 찍기(Log4jdbc) https://mvnrepository.com/ https://mvnrepository.com/artifact/org.bgee.log4jdbc-log4j2/log4jdbc-log4j2-jdbc4.1 org.bgee.log4jdbc-log4j2 log4jdbc-log4j2-jdbc4.1 1.16 application.properties 설정 spring.datasource.driver-class-name=net.sf.log4jdbc.sql.jdbcapi.DriverSpy spring.datasource.url=jdbc:log4jdbc:mysql://127.0.0.1:3306/board_db?serverTimezone=Asia/Seoul resource폴더에 다음 파일.. 2023. 5. 18. 5월 17일 Spring - 홈페이지 회원 가입 DB 연동 1. SQL : root계정 - schemas - creat schema - board_db 2. users and privileges - add account - buser / password 입력 - schema privileges - board_db 추가 select all 3. home - mysql connections + - username / password 입력 - test connection - ok 4. 생성 - SQL 테이블 불러오기 1. java 프로젝트 파일 만들기 2. pom.xml 3. main/webapp/WEB-INF/views 4. resources/mappers 5. static/ css, js, images 6. java/board/ controller, dao, dt.. 2023. 5. 17. 5월 16일 (2) Spring - AJAX DB 연동 REST(REpresentational State Transfer) 방식 = 비동기 전송 방식(지금 하고 있는 ajax방식의 다른 이름) uri(url)를 통해 자원(데이터)을 명시하고, method(get/post)를 사용하여 해당 자원의 CRUD를 적용하는 방식. REST 전송을 위해 jQuery 에서 구현한 것이 AJAX Spring Framework에서는 REST 방식을 처리하는 Controller를 제공 -> RestController 1) 일반 Controller 사용 시 메소드에 @ResponseBody 어노테이션 사용 @GetMapping("idcheck") @ResponseBody //let sendObj = {"uid":inputId}; public String idcheck(Strin.. 2023. 5. 17. 5월 16일 (1) Spring - AJAX DB 연동 setting 1. pom.xml 2. application.properties 3. 폴더 생성 4. services - spring boot 연결 비동기 전송AJAX 단순 데이터(문자열) 전송 데이터 형식 : {"변수명":데이터} - 변수명 부분은 항상 문자열로 작성 - " " 사용 - 데이터 부분은 전송 데이터를 자바스크립트 변수에 넣고 사용할 것으로 추천함 예) 보낼 변수명 - data 보낼 데이터 - 홍길동 let d = "홍길동"'; let sendObj = {"data":d} // dao @Mapper public interface MemberDao { // 입력한 uid로 검색하여 값이 나오는지 확인 @Select("SELECT count(*) FROM usertb1 WHERE uid=#{u.. 2023. 5. 16. 5월 15일 (2) Spring - AJAX AJAX(비동기전송) 프론트엔드(html, jsp, thymeleaf, js 등)와 백엔드(Spring Framework) 간 통신 1. 동기(Synchronous) 통신 페이지가 변경되는 전송 방식(새로고침 포함) , , location.href="/..." 2. 비동기(Asynchronous) 통신 js에서만 처리. 페이지는 변경되지 않고, 같은 페이지의 특정 부분을 변경. aja(jQuery). 이 방식을 RESTful방식이라고 함. 참고> SPA(Single Page Application) 하나의 페이지 템플릿만을 사용하여 전체 사이트를 구축하는 방식. AJAX(Asynchrounous Javascript And Xml) 자바스크립트에서 제공하는 비동기 통신용 객체인 XMLHttpRequest를 .. 2023. 5. 15. 5월 15일 (1) Spring - CRUD(수정) Get 방식 전송에 사용되는 URL 인코딩용 특수 문자 get전송 url http://my.home.com/some?data1=어떤값&data2=또+다른값 url/메소드?데이터변수이름 원래 사용하는 get 방식 같은 페이지라면 url은 생략 가능 - ? : url과 데이터의 구분, url?이름=값 - & : 데이터 간 구분. url?이름1=값1&이름2=값2..... - + : 값에 들어간 공백. 값+문자열 => '값 문자열', 공백문자 ' '를 사용하지 않음(띄어쓰기 허용 안됨) 사용하는 위치 : 브라우저 주소 칸. 태그의 href 속성. 자바스크립트 location.href ${item.tname} PathVariable : 경로 형식으로 데이터를 전송하는 방식 url/data => @GetMappin.. 2023. 5. 15. 이전 1 ··· 5 6 7 8 9 10 11 ··· 29 다음
