수업내용91 20230710 SpringBoot/Bean/AOP @Configuration Spring이 어떤 객체를 spring이 생성해서 관리할지 설정(bean설정) xml문서로 설정하던 bean설정을 class기반으로 한다. @Bean 메서드에서 리턴되는 객체를 Spring이 관리하는 bean이 되도록 한다. xml문서로 적용해보자면 와 같다. @Bean public Car myCar() {//메서드의 이름이 bean의 이름(id)역할을 한다. System.out.println("myCar()메서드 호출됨"); Car c1= new Car(); return c1; 여기서 myCar메서드의 이름은 bean의 이름(id)역할을 해준다. package com.example.hello2; import org.springframework.boot.SpringApplica.. 2023. 7. 10. 20230710 CSS3 Animation?! from ~ to 까지 3초동안 0에서 360도가 돌아간다., animation animation: rotateAni 3s 2 linear alternate; rotateAni => 키프레임의 이름 3s => animation 적용시간 2 => animation 반복 횟수 무한반복은 infinite를 사용하면 됨 linear => timing function alternate => 왕복 이미지가 통통튀게 만들어보기(엄청 빡쌔네..) 2023. 7. 10. 20230707 CSS3 비쥬얼 스튜디오 코드에서 CSS3를 새롭게 배우는 날이다. css가 변경되는 중간 과정을 보여주고 싶을 때 transition을 사용하면 된다 transition 테스트 transition timing function 테스트 start 트랜지션(transition)은 CSS 프로퍼티의 값이 변화할 때, 프로퍼티 값의 변화가 일정 시간(duration)에 걸쳐 일어나도록 하는 것이다. 위의 예제를 살펴보자. hover 상태가 변화할 때, div box의 margin값이 변화한다. Transform👉 Transform의 기능으로는 평행이동, 확대, 축소, 회전, 비틀기 등의 기능을 가지고 있다. 트랜스폼(Transform)은 요소에 이동(translate), 회전(rotate), 확대축소(scale), 비틀.. 2023. 7. 7. 20230706 vue2->jQuery로 바꿔보기 회원 가입 폼 입니다. 아이디 영문자 소문자로 시작하고 5글자~10글자 이내로 입력하세요 사용 가능한 아이디 입니다. 사용할 수 없는 아이디 입니다. 비밀번호 특수 문자를 하나 이상 조합하세요. 비밀 번호를 확인 하세요 비밀번호 확인 이메일 이메일 형식에 맞게 입력하세요. 가입 가입 회원 가입 폼 입니다. 아이디 영문자 소문자로 시작하고 5글자~10글자 이내로 입력하세요 사용 가능한 아이디 입니다. 사용할 수 없는 아이디 입니다. 비밀번호 특수 문자를 하나 이상 조합하세요. 비밀 번호를 확인 하세요 비밀번호 확인 이메일 이메일 형식에 맞게 입력하세요. 가입 DropZone jQuery로 구현해보기 이미지파일을 끌어다 놓으세요 2023. 7. 6. Form태그 없이 ajax로 데이터 전송해보기 "caption"과 "image"인 이유는 GalleryDto의 필드명을 따라가야 하기 때문이다. GalleryController에서 @RequestMapping(method=RequestMethod.POST, value="/gallery/ajax_upload") @ResponseBody public Map ajaxUpload(GalleryDto dto, HttpServletRequest request){ //서비스를 이용해서 업로드된 이미지를 저장하고 service.saveImage(dto, request); //{"isSuccess":true}형식의 json문자열 응답 Map map = new HashMap(); map.put("isSuccess", true); return map; } 2023. 7. 5. 20230705 jQuery title 밑에다 css링크 script는 body에 등록하고 로딩하겠다, fotorama 를 이용한 이미지 슬라이더 만들기 2023. 7. 5. 20230704 jQuery jQuery의 기능을 확장하기(plugin) 오직 한번만 call할거면 f라는 변수를 만들어서 사용해야 할까? global함수안에 함수/변수를 만들어 주면 페이지 로딩시점에 아무리 선언을 해주어도 local 함수/변수로 등록이 된다. 사용자가 직접 object를 만들수 있다. p1 p2 p3 $에는 .extend라는 함수가 있다. {} 에는 기본 값 , 뒤에는 override값을 넣어주다. jQuery Plugin만들어보고 적용해보 2023. 7. 4. 20230703 이미지갤러리 만들기 SQL 문을 통해 이미지 갤러리를 먼저 만든다. -- 이미지 겔러리를 만들기 위한 테이블 CREATE TABLE board_gallery( num NUMBER PRIMARY KEY, writer VARCHAR2(100), caption VARCHAR2(100), -- 이미지에 대한 설명 imagePath VARCHAR2(100), -- 업로드된 이미지의 경로 ex) /resources/upload/xxx.jpg regdate DATE -- 이미지 업로드 날짜 ); CREATE SEQUENCE board_gallery_seq; 이미지를 출력할 때에는 BootStrap의 Card 효과를 사용할 것이다. https://getbootstrap.com/docs/5.3/components/card/ Cards Bo.. 2023. 7. 3. 20230703 댓글 기능 구현 CafeController에서 아래 메서드를 작성해 준후에 //댓글 삭제 요청 처리 @RequestMapping("/cafe/comment_delete") @ResponseBody public Map commentDelete(HttpServletRequest request){ service.deleteComment(request); Map map = new HashMap(); map.put("isSuccess", true); //{"isSuccess":true}형식의 JSON문자열이 응답되도록 한다. return map; } CafeServiceImpl에서 @Override public void deleteComment(HttpServletRequest request) { int num = Integer.. 2023. 7. 3. 이전 1 2 3 4 5 6 7 ··· 11 다음
