Hello world Hello world

자주 사용하는 실행 시점 - 특정 요소에 마우스 포인터를 올려 놓은 시점 - 특정 요소에 마우스 포인터가 벗어나는 시점 - 특정요소를 클릭하는 시점 - 마우스를 움직이는 시점 - 창 크기가 바뀌는 시점 - 스크롤 시점 실행 지점 제어 - event종류 - mouseover 마우스가 올라왔을 때 - on메서드, bind('click'... → .on .off >> bind는 사용하지 않는 추세, on메서드 사용 $('선택자').on('이벤트 종류‘ 할 일); - 할 일 → 임의 함수 → function( ){ } - $('선택자‘).on('mouseover' function( ){ }); - hover처럼 마우스가 밖으로 나가도 변경되지 않는다 - 따라서 별도로 마우스가 나가도 변경되도록 한다 (mouse..

시작 code.jquery.com - jQuery 3.x와 jQuery 2.x는 익플로러9에서 작동을 안함 (2018년 기준) - jQuery 1.x버전 선택 - 위에 내용을 모드 로드한 후에 jQuery가 잃을 수 있도록 한다 $(‘h1').css({’color':'red'}); - h1에 모든({ }) css속성 color을 red로 변경 하겠다({ }는 하나 이상의 선택,모두,전부 뜻) 결과 확인 jquery 선택자 CSS 변경하기 - css( )라는 명령은 JavaScript에 정의도어 있지 않은 jQuery의 명령 ※ jQuery의 js 파일안에 css( )라는 명령이 정의되어 있고, 해당 명령을 main.js에서 이용한다 이러한 jQuery 명령을 jQuery 메서드 라고 한다 - 명령 대상:..

@Value와@PropertySource ① send.properties(main/resources/send.properties생성) 파일을 만든다 ② @PropertySource(“send.properties") 연결 ③ 변수에 저장할 @Value("key값")을 넣어준다 >> result의 값을 출력하면 다음과 같이 나온다

@Component란? - 개발자가 직접 작성한 Class를 @Bean으로 등록하는 것이다 - 기본값으로 싱글톤 클래스 빈을 생성하고 @Scope(“protoype") 변경이 가능하다 >> 클래스에 @Component @Scope(“protoype")로 변경 @Bean란? - 개발자가 직접 제어가 불가능한 외부 라이브러리등을 Bean으로 만들려할 때 사용된다 @Bean과 @Commponent - @Bean과 @Commpent는 Spring(IOC) container에 Bean을 등록하도록하는 메타데이터를 기입하는 어노테이션이다 차이점은 @Commponent는 개발자가 직접 작성한 Class를 @Bean으로 등록하는 것 @Autowired - @Component를 사용한 Bean의 의존성 주입은 @Auto..

계층(Layer)의 분리 @Controller @Service @Repository 계층이 분리되어있다 DTO (Data Transfer Object) DTO란 프로세스 간에 데이터를 전달하는 객체이다 DAO (Data Access Object) DAO란 영속성(Persistence) 계층에 인터페이스를 전송하는 패턴이다 서로에 대해 알 필요가 없는 두 계층을 엄격하게 분리할 수 있다 DTO와 DAO의 차이점? - 데이터 전송(Data Transfer)과 데이터 접근(Data Access)이라는 부분에서 차이점이 있다 - DTO는 데이터와 getter and setter 메서드로 이루어져 있는데(데이터 전송), DAO는 데이터 CRUD(Create, Read, Update, Delete) 메서드로 이루어..

댓글 기능 구현(4) ⑥ 뷰(UI) 작성 & 테스트 - 댓글 쓰기 버튼 만들기 test.jsp(쓰기 버튼 만들기) >> 임시로 입력 받을 태그를 만들어 주었다 >> 기존의 SEND버튼이 쓰기 버튼의 역할도 한다 결과 확인 >> 쓰기가 생성되었다 >> stringify로 문자열로 변환하여 CommentController.java의 @RequestBody CommentDto commentDto에 전달된다 - 댓글 수정 버튼 만들기 test.jsp(수정 버튼 만들기) >> 주의할점은 class=modBtn 과 id=modBtn 다르다는 것에 유의하자 >> 여기서 this는 “.modBtn"을 의미 >> 참고 결과 확인 >> 수정 버튼을 누르면 ① comment의 내용이 comment: 에 전달된다 ② 수정(“..

댓글 기능 구현(3) ⑥ 뷰(UI) 작성 & 테스트 - 댓글 화면에 출력하기 test.jsp (출력 버튼 만들기) >> json으로 전달하기 위해 주석처리하였다 SimpleRestController.java CommentController.java >> List 메서드를 사용해서 출력해볼 예정 결과 확인 >> Preview로 봤을 때 값이 들어온걸 확인할 수 있다 >> 문제는 http의 body에 출력되지 않는다 >> Sources에서 해당 $(“#commentList").html(result);에 중단점을 걸었다 >> Console에서 result의 값을 찍어보았다 정상적으로 값은 들어왔다 >> 버튼 동작과 임의 값 "asdf" 넣어봤다 이상없이 동작하고 "asdf“ 화면에 출력된다 >> 문자열이 아니..

댓글 기능 구현(2) ⑤ 컨트롤러 작성 & 테스트 CommentController.java (List 메서드 생성) >> @ResponseBody를 써서 views에 출력하지 않고 HTTP의 Body에 문자 내용을 직접 반환한다 결과 확인 MySQL >> 각각의 테이블에 데이터를 넣었다 >> 데이터가 들어온걸 확인 할 수 있다 >> json으로 데이터가 들어왔다 - 예외가 발생한다면? CommentServiceImpl.java 결과 확인 >> HTTP의 Body에는 아무것도 출력되지 않고, 응답헤더는 200번대가 출력된다 - 해결책 ResoponseEntity( ) CommentController.java >> Entity는 응답이나 요청할 때, 전송할 대상을 Entity라고 한다 >> 원래는 En..