wooweee

에러 원인 찾는 방법 neseted exception: error 원인 부분 Causerd by : 아래로 내려갈수록 추상화 된 에러 메시지가 점점 구체화가 된다. 1. 에러 문구 Exception in thread "main" org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'myMath' defined in file [/Users/taewan/Documents/junsukBE/ch2/target/classes/com/fastcampus/aop/MyMath.class]: Initialization of bean failed; nested exception is org.springframework...

video 영상 속도가 최대 2x까지 있는게 마음에 들지 않았다. html 값을 변경하는 것으로도 작동할 수 있지만 , 만약 작동하지 않는다면 JS로 event를 발생 시켜야한다. 아래는 JS를 이용해 배속을 원하는 속도로 지정하는 코드이다. // 해당 video 동작하는 console 창에서 작동시키기 // 1. HTML5 비디오 요소 가져오기 const video = document.querySelector('video'); // 2. 비디오 플레이어 속성 가져오기 const playbackRate = video.playbackRate; // 3. 비디오 플레이어 속도 설정하기 video.playbackRate = 2.0; // 2배속

1. JdbcTemplate 소개와 설정 1.1. 장점 설정의 편리함 JdbcTemplate은 spring-jdbc library에 포함되어 있는데, 이 library는 spring으로 JDBC 사용시, 기본으로 사용되는 library여서, 복잡한 설정없이 바로 사용가능 반복 문제 해결 JDBC 사용할 때 발생하는 대부분의 반복 작업을 대신 처리해준다. SQL 작성하고, 전달할 params만 정의하고, 응답 값을 매핑만 하면된다. 처리하는 반복 작업 Connection 획득, statement 준비 및 실행, 결과를 반복하도록 루프 실행, 컨넥션-statement-resultset 종료, transection, 스프링 예외 변환기 실행 1.2. JdbcTemplate 설정 jdbc만 추가하면 JdbcTe..

1. 메시지, 국제화 소개 messages.properties : key-value로 메시지 관리 file 생성 1.1. 메시지 메시지: 동일한 단어를 일일이 변경하는 까다로움을 해결하기 위해서 다양한 메시지를 한 곳에서 관리하도록 하는 기능 방식 경로: resources/messages.properties hello=안녕 hello.name=안녕 {0} 사용: thymeleaf에서 메시지 key를 불러서 value를 사용 : #{messageKEY} 1.2. 국제화 경로: resources/messages_en.properties hello=hello hello.name=hello {0} label.item=Item label.item.id=Item ID label.item.itemName=Item N..

1. 문제 해결 방안 문제 발생 코드 : NPE 터짐 -> userDao 빈이 주입 되지 않았다. 해결 시도 1 : @Autowired UserDao userDao; DI 주입 // bean으로 등록한 sql 정보 가지고 오는 것 @RunWith(SpringJUnit4ClassRunner.class) // 이걸로 test 돌림 // 해당 위치에서만 bean을 찾는다. - UserDaoImpl 또한 root-context.xml에 componentScan을 등록 해줘야 한다. // // @ContextConfiguration(locations = {"file:src/main/webapp/WEB-INF/spring/**/root-context.xml"}) public class DBConnectiontest..

1. 선택자 개요 선택자 종류 선택자 형태 전체 선택자 * 태그 선택자 tag id 선택자 # class 선택자 . 후손 선택자 선택자 선택자 자손 선택자 선택자 > 선택자 property 선택자 선택자[property=value] 선택자[property~=value] 선택자[property|=value] 선택자[property^=value] 선택자[property$=value] 선택자[property*=value] 동위 선택자 선택자 + 선택자 선택자 ~ 선택자 구조 선택자 선택자:first-child 선택자:last-child 선택자:nth-child(수열) 선택자:nth-last-child(수열) 형태 구조 선택자 선택자: first-of-type 선택자: last-of-type 선택자: nth-o..

1. summary 기능 : 숨기기 출처 : web moden 자바 2. 적용 이미지 3. 코드 html lornasdfjlk asdlfjasdl;fjal;sdfjal;sdfjlasj1233efdsmvl css input[type="checkbox"]:checked + div { height: 0px; } div { overflow: hidden; /*height가 0일 될때 h1과 p가 빠져나오기 때문에 hidden 필요*/ width: 650px; height: 300px; transition-duration: 1s; /*transition 과 달리 모든 속성에 적용된다.*/ }

1. summary 기능 : 원하는 div만 애니메이션으로 커지기 div로 감싸져 있는 내부 div를 hover 할 시, hover 된 div만 transition 먹히게 한다. transition 적용시 해당 div의 크기 변화가 다른 내부 div에 영향을 끼치면 안된다. 영향을 받는 이유를 살펴본 결과 각 div간의 거리가 너무 좁을 때 어쩔수 없이 벌어지는거기 때문에 각 div 별 거리를 벌려주면 해결일 된다. 출처 : https://www.w3schools.com/howto/howto_css_zoom_hover.asp 2. 적용 이미지 ​ 3. 코드 html & css Zoom on Hover Hover over the div element.

0. summary implements Converter 로 사용자 정의 converter 생성 webMvcConfigure의 addFormatter()를 이용해서 해당 converter를 DefaultConversionSerivce에 등록한다. converter 사용은 내부적으로 동작하므로 내부 동작을 할 수 있도록 1. 스프링 타입 컨버터 소개의 스프링과 타입 변환 예처럼 사용하면 알아서 converting 된다. formatter도 동일하다. 하지만 converter보다 우선순위에서 밀린다. 1. 스프링 타입 컨버터 소개 스프링이 중간에서 타입변환기를 사용해서 타입을 변환해주는 것 스프링과 타입 변환 예 스프링 MVC 요청 파라미터 : @RequestParam @ModelAttribute, @Pat..

1. API 통신 Api 통신 일반적인 웹사이트 통신 client와 개발자가 만든 server와 http protocal을 기반으로 통신을 한다. 그래서 보통은 html의 form 혹은 queary를 통해서 요청 data를 주면 server에서는 java, node.js , phython 등 사용한 백엔드 언어를 통해서 data 혹은 html view를 response를 해준다. api 통신 server와 server 간의 통신이 대표적 ex) client가 웹사이트에서 날씨 정보를 클릭하면 server는 서로 호환하고 있는 날씨 서버의 api와 통신 후 받은 data를 client에게 줄 때도 api 통신이 이용된다. api 통신은 보통 주 목적이 data를 주고 받는 것이기에 html이 아닌 JSON..