본문 바로가기

ajax6

[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 88) - Thymeleaf(Cont.) 2022.12.07 [WED] - Day 88- 수업 주요 목차 Thymeleaf(Cont.) 🤖Review 타임리프 레이아웃 기능을 추가하고 싶고 스프링에서 기본적으로 제공하지 않는 라이브러리를 추가하고 싶을 때 maven pom.xml 파일에 dependency 추가 WAS가 내장되어 있는 것을 확인하고 싶으면 maven dependency 확인 spring 설정파일은 src main resources 아래 application.properties에서 확인 어제 마지막 예제에 이미지관련 코드에 추가설명 앞 src의 경우 디자인팀에서 제공한 경로 뒷부분이 없어도 src="images/thymeleaf.png"로도 가능 그러나 thymeleaf 문법을 사용한 이유는 동적으로 변화될 수 있는 이미지일 수 .. 2022. 12. 8.
4[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 87) - SpringBoot(Cont.) - Ajax, Final Project 준비 2022.12.06 [TUE] - Day 87- 수업 주요 목차 SpringBoot(Cont.) - Ajax Final Project 준비 🔎 Eclipse 실습 내용 1. Ajax basic index.html 에 추가된 코드 Ajax Test MyAjaxTestController.java package org.kosta.myproject.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotati.. 2022. 12. 6.
[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 82,83) - jQuery/Ajax, SpringMVC(xml, java config) 2022.11.29 [TUE,WED] - Day 82,83- 수업 주요 목차 jQuery/Ajax SpringMVC xml 설정방식 java config 설정방식 🤖Review jQuery/Ajax 복습 예제 1 이름 : 메모장 에디트플러스 이클립스 맥주 피자 ↓ serialize() 함수를 사용하지 않을 경우 query string이 길어지고 복잡해진다. 폼태그 작성을 신경써서 잘 해주면 serialize() 함수를 통해 간결하게 모든 정보를 한번에 넘길 수 있다. 🔎 jQuery/Ajax Eclipse 실습 내용 1. 동적으로 생성된 요소에 대해 이벤트 처리를 등록 아래는 이벤트 처리에 대한 동작이 되지 않는다. 버튼생성 이유는 document가 ready되는 시점에 존재하지 않는 요소이기 때문에(동.. 2022. 11. 30.
[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 54) - Review FrontController, ID 중복체크 2022.10.20 [THU] - Day 54- 수업 주요 목차 Review FrontController ID 중복체크 GIT 🤖Review Front Controller Design Pattern : 클라이언트의 요청을 하나의 진입점으로 모아서 처리 (공통정책:인코딩, 예외처리, 인증 등..)을 효과적으로 처리할 수 있다. (예 : 은행 콜센터, 키오스크) Servlet URL을 (*.do)로 설정하여 모든 request(form tag의 action)를 FrontController로 모은다. (form tag의 액션을 컨트롤러이름 .do로 설정한다.) FrontControllerServlet에서 request의 servletPath를 가져와 문자열에 저장해준다. 그 후 subString을 이용하여 위.. 2022. 10. 20.
[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 52,53) - Javascript- anonymous fuction, Ajax, JSON, GIT 2022.10.18-19 [TUE,WED] - Day 52, 53- 수업 주요 목차 Javascript- anonymous fuction (Day51) Ajax (Day51) JSON(object,array) GIT 🤖Review (Day 51) FrontControllerServlet : 요청의 진입점 (공통정책-인코딩, 예외처리, 보안/인증체크, 데이터수집/타겟마케팅) CheckLoginInterceptor : 인증이 필요한 서비스를 대상으로 비인증 상태일 경우 로그인 폼으로 이동 HandlerMapping : 컨트롤러 객체 생성 Controller : 컨트롤러 캡슐화 🤖Review (Day 52) Ajax: 비동기 자바스크립트 통신 페이지 로딩없이(페이지 응답이 아님) 필요한 데이터만 응답한다. 요.. 2022. 10. 19.
[KOSTA] Spring 기반 Cloud 서비스 구현 개발자 양성 (Day 50,51) - interceptor, ajax(intro) 2022.10.17 [MON] - Day 50, 51- 수업 주요 목차 Member 예제 Update, register 추가 Semi project 조 짜기+첫 회의 Interceptor(Day 50) Ajax - intro (Day 50) 🤖Review 🔎 Eclipse 실습 내용 1. Update - MemberDAO에 추가된 method public void update(String id, String name, String password, String address) throws SQLException { Connection con=null; PreparedStatement pstmt=null; try { con=getConnection(); String sql="UPDATE MEMBER SET.. 2022. 10. 17.