프론트엔드(44)
-
[JSP] JSP로 서버에 올라가 있는 PDF파일 바로 열기
서버경로에 pdf파일이 업로드 되어 있을 때, 해당 경로에 있는 pdf파일을 jsp에서 바로 여는 방법 test.jsp 호출시 설정한 경로내에 있는 pdf파일을 바로 오픈 만약 특정 jsp에서 버튼을 클릭시 pdf파일을 읽는 JSP를 열고 싶다면 javascript 'window.open()' 사용하여 'test.jsp'열기 pdf열기
2020.11.29 -
[JSP] JSP 스크립틀릿 태그 내에 경로 작성시 에러
JSP Invalid escape sequence (valid ones are \b \t \n \f \r \" \' \\ ) error 발생 해결방법 : 작성한 "\" (역슬래시 한개)를 에서 "\\" 두개로 변경 하면 에러 사라짐
2020.11.29 -
[jQuery] animate메서드
animate -선택자.animate({속성:값,속성:값},시간,이징,다른할일(animate끝나고)) -jQuery에서 animate메서드는 수치가바뀌는 것만 가능 그래서 'background-color' 변경은 'animate'메서드로 적용이 안되는데 jQueryui라이브러리 추가 후 사용가능 $(function(){ // $('div').mouseover(function(){ // $(this).css({backgroundColor:'blue'}); // }).mouseout(function(){$(this).css({backgroundColor:'green'}); // }); $('div').mouseover(function(){ $(this).animate({backgroundColor:'blue..
2020.11.23 -
[jQuery] 실행 시점 제어하기,메서드체인
자주 사용하는 실행 시점 특정 요소에 마우스 포인터를 올려놓은 시점 특정 요소에서 마우스 포인터가 벗어나는 시점 특정요소를 클릭하는 시점 마우스를 움직이는 시점 창 크기가 바뀌는 시점 스크롤 시점 keydown 요소에 초점을 맞춘 상태에서 키보드의 키를 눌렀을 때 keyup 요소에 초점을 맞춘 상태에서 키보드의 키를 뗄 때 focus 요소에 포커스가 일치했을 때(포커스가 있는 요소만) blur 요소가 포커스를 잃어버렸을 때(포커스가 있는 요소만) change 입력 내용이 변경되었을 때(textarea요소, input요소, select요소 resize 요소의 크기를 다시 설정했을 때 scroll 요소를 스크롤 했을 때 mouseover / mouseout 예전에는 bind메서드 사용했지만 현재는 on메서드..
2020.11.20 -
[jQuery] jQuery 기본이해 / 스크립트파일작성방법
라이브러리 자주사용하는 기능화 효과(그들을 실행하는 프로그램)을 Javascript코드로 미리 만들어 두고 재활용할 수 있게 한 것 jQuery 특징 스크립트 코드보다 먼저 라이브러리 선언을 해주어야 함 문법이 간결함 사용하기 쉬움 빠르게 배울 수 있음 다른 라이브러리들과 충돌을 일으키지 않음 다야한 플러그인이 존재함 브라우저 호환성 문제를 해결해줌 MIT and GPL licenses jQuery라이브러리 다운로드 url : code.jquery.com/ jQuery 1.x 버전까지만 IE9를 지원함 (jQuery 2.x, 3.x ,... IE9 지원안함) uncompressed : 압축안된버전이므로 용량이 크고 로드시 느림, 주석이 상세함 , 코드이해하기 좋음 minified : 압축된버전이므로 로드..
2020.11.19 -
[JS] 문서 로드시점(onload,$(document).ready())
onload [ JAVASCRIPT] window.onload = function(){ //실행될 코드 } 문서의 모든 컨텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트(load이벤트) 문서에 포함된 모든 컨텐스가 로드된 후에 실행되기에 불필요한 로딩시간이 추가될 수 있음 동일한 문서에 오직 'onload'는 하나만 존재해야 함 (중복될 경우, 마지만 선언만이 실행됨) 요소의 속성(attribute)으로 지정될 수 있음. 위와같이 요소의 속성으로 onload가 사용된 경우에는 'window.onload'는 무시됨 window객체뿐만 아니라 원하는 객체(object)가 로드되었을 때 실행될 코드를 설정할 수도 있음 document.getElementById("myFrame"..
2020.11.19