본문 바로가기
[Spring Boot]두근두근 스프링부트 스타트 1 https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=74 강의를 수강하며 작성하는 글입니다. SpringBoot강의를 본격적으로 수강하기전에 강의자료를 먼저 읽었는데 마음이 두근두근 한다! 일반 스프링 프로젝트는 WAS에 올라가는데 무려 스프링부트는 컨테이너를 품고있다! 스프링 부트 소개 스프링부트 1.0 : 컨테이너 없는 웹 애플리케이션 아키텍처를 구현하는 것을 목표로 출시 스프링부트 2.0: JAVA8이상 스프링 프레임워크 5.0, 스프링 시큐리티 5.0, 스프링 Data JPA 2.0 적용 스프링 부트 기능 정의 XML 구성이 사라진다! JAVA코드만 가지고서 구현 할 수 있다. 운영에 필요한 Health Check 기능.. 2019. 8. 28.
2019 배우고싶거나 하고싶은것 정리 - 프리마커 http://wiki.gurubee.net/pages/viewpage.action?pageId=1343682 JSTL은 이미 오래전에 업데이트가 중단되었다. - 2019. 8. 28.
CSS/JS를 수정했음에도 반영이 되지 않는경우 문제 CSS/JS를 수정했음에도 반영이 되지 않는 경우가 있다. 원인 이는 캐시에 남아있는 코드를 사용하기 때문이다. 테스트할때는 캐시를 삭제하면 되지만.. 사용자에게 캐시를 삭제하라고 할수는 없다... 해결방법 코드 업데이트시마다 CSS파일명을 변경하여 웹브라우저로 하여금 다른 파일로 인식하게 한다. CSS에 쿼리스트링을 다르게 주어 웹브라우저로 하여금 다른 URL로 인식되게 한다. JSP에서 실행시마다 날짜와 시간을 가져오는 코드를 붙여서 자동으로 쿼리스트링값을 붙여주는 방법도 있다. 참고 : https://www.letmecompile.com/css-js-파일-캐시-방지/ 2019. 8. 27.
JQuery 예제 - 작은 div박스 추가하고 삭제하기 새로운 프로젝트에서 사용할기능의 프로토타입을 간단하게 구현해봤다. 동작설명 사용자가 입력한 text를, 작은 div안에 담아서 포스트처럼 보여준다. 사용자가 추가/삭제 가능. 새로 느낀점 및 알게된점 JQuery Object임을 나타내기 위해서 변수이름앞에 $를 붙인다. 나름 편리. 선택자를 변수로 지정하기 위해서.. 따옴표까지 고려해야되는줄 알았는데 의외로 아니였다. 이런식으로 하면 된다. => $("#" + this.$_divId) 동적으로 추가한 DOM의 이벤트 바인딩은, $(상위element).on('이벤트이름', '이벤트 바인드할 요소', 함수); 이런식으로 하면된다. 아마 추측컨데... 상위 element를 다시 그리지 않을까...? 원리는 모르겠다. 궁금한점 JQuery Obejct를 다시 .. 2019. 8. 25.
JQuery 예제 - select 선택에 따라서 sub Select Option 변경하기. 새로 참여한 프로젝트에서 JQuery를 이용하여 화면을 조작할 일이 많아졌다. JQuery 복습 기념 및 간단한 예제를 작성해 보았다. 동작 설명 select 태그인 sel1 선택값에 따라서 sub select 태그인 sel2의 값을 변경해준다. select 요소들은 언제든지 변경될 수 있다. 하드코딩 하지않는다. 따라서 서버에서 넘어오는 값이라는걸 가정하여 Map 배열로 테스트데이터를 생성했다. 새로 느낀점 및 알게된점 eval태그[문자열을 받아서 코드로 실행한다. ]로 변수의 이름을 동적으로 지정해줄 수 있다는것을 알게됐다. 용도에 대해 연구해 봐야겠다. 문자열을 코드로 실행하므로 보안문제에 대해서도 알아볼 필요가 있다. 변수의 지역성을 조심하자. 함수 내에서만 선언하여 사용하는 변수들은 반드시 반드.. 2019. 8. 23.
jQuery 복습 Traversing3 - Filtering 가장 기본적인 필터링 방법은 first(), last(), eq()이며 elements 그룹에서, 위치에 따라 특정 element를 선택 할 수 있다. filter() 및 not()과 같은 다른 필터링 방법을 사용하면 특정 기준과 일치하거나 일치하지 않는 element를 선택 할 수 있다. first 메서드 특정 elements그룹에서 첫번째 노드를 반환한다. $("div").first().css("background-color", "yellow"); //div를 선택자 지정하면 모든 div가 선택되는데, 그중에서 첫번째 div element만을 반환한다. (단일노드) last 메서드 특정 그룹에서 마지막 노드를 반환한다. $("div").last().css("background-color", "yell.. 2019. 8. 22.

티스토리툴바