yoon's Devlog

JSON이란, JavaScript Object Notation의 약어로, 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 Data 교환 형식으로, 자바스크립트에서 객체를 만들 때 사용하는 표현식을 의미한다. 자바스크립트는 JSON 형식의 문서를 쉽게 객체로 변환할 수 있다. JSON은 다음과 같이 표기한다. { "members": [ { "name": "name1", "job": "developer" }, { "name": "name2", "job": "cashier" } ] } key-value가 존재할 수 있고 객체, 배열 등의 표기를 사용할 수 있다. key는 "" 로 감싸야 한다. value가 될 수 있는 데이터 타입 "JSON 형식의 문자열을 오브젝트로 파싱하는 법" 예제 1 Step05_J..

1. 아래 링크로 들어가 다운로드 https://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html#google_vignette Clean jQuery Date and Time Picker Plugin - datetimepicker datetimepicker is a jQuery plugin that popups a simple and clean date & time picker interface when an input field on focus. www.jqueryscript.net 2. 압축 풀고 build 폴더 들어가기 3. 이클립스 프로젝트의 원하는 위치에 각각 css, js 폴더 만들고 ..

1. fotorama, jquery 로딩 jquery.mon.js가 fotorama.js보다 앞에 와야 한다. 2. class를 fotorama로 지정하고 다양한 기능 사용 https://fotorama.io/ Fotorama — Simple and Powerful Responsive jQuery Image Gallery A simple yet powerful responsive jQuery image gallery. Set up Just copy and paste the snippets below to integrate Fotorama. 1. This goes to the of your page: 2. Then, wherever you want the gallery in your page : Examp..

jQuery를 사용하면 여러가지 Effect들을 쉽게 구현할 수 있다. 예제를 통해 살펴보자. 예제 1 '숨기기''보이기','토글'을 구현해보자. Step03_Effect1.jsp 숨기기 보이기 토글 div1 '숨기기' : 숨겨짐 (이미 숨겨진 상태에서는 아무런 반응 x) => .hide(), .slideup(), .fadeOut() 등 '보이기' : 나타남 (이미 숨겨진 상태에서는 아무런 반응 x) => .show(), .fadeIn(), .slideDown() 등 '토글' : 숨겨진 상태면 나타나고, 나타나있는 상태면 숨겨짐 => .toggle(), .fadeToggle(), .slideToggle() 등 예제 2 .hide()로 div를 클릭했을 때 알림창을 띄우며 div가 사라지도록 구현해보자. ..

jQuery란, 자바스크립트 라이브러리의 일종이다. 기능이 풍부하고. 여러 API들이 있어 이벤트 처리, Ajax 등을 간단하게 만들어준다. jQuery의 장점 중 한가지로는 연쇄작용, 즉 ChainAction이 가능하다는 것이다. 예제를 통해 살펴보자. "chain action" 예제 1 의 innerText와 글자, 배경색을 각각 jQuery 미사용, 사용하여 변경해보자. 1. jQuery 로딩하기 2. jQuery 미사용 코드 p요소 입니다. 2. jQuery 사용 코드 p요소 입니다. jQuery를 사용하면 한 줄이면 코딩이 끝남을 확인할 수 있다. .을 찍어 계속해서 코드를 작성할 수 있는 것을 ChainAction이라 하는데, .text() 후 반환 된는 것이 p 요소이고, 글자색을 빨강으로 ..

그동안 jsp파일들에 한글 인코딩 설정을 계속해서 해왔다. 반복되는 작업이 번거로우므로, Filter을 사용하여 인코딩 설정을 해줄 수 있다. 위 그림에서처럼 클라이언트가 요청을 보내면, 해당 요청을 서버가 작업하기 전에 Filter가 작업을 가로채, Filter 안에서 인코딩 등의 필요한 작업을 수행할 수 있다. 이렇게 하면, 다른 jsp 파일들은 Filter 안의 작업을 신경쓰지 않아도 된다. 인코딩 뿐 아니라 로그인 등, 필요한 기능들에 Filter를 사용할 수 있다. [ 요청을 가로채서 중간에 원하는 작업을 할 수 있는 필터 만들기 ] 1. javax.servlet.Filter 인터페이스 구현하기 2. web.xml을 만들고, 필터를 정의하고 맵핑하기(web.xml 대신 어노테이션 사용 가능) 3..

이전 게시물에서 forward와 redirect를 사용해보았다. https://live-for-myself.tistory.com/167 Forward 1. Forward jsp => jsp도 가능하지만, 보통 servlet => jsp가 일반적이다. 예제 1 index.jsp index.js.. live-for-myself.tistory.com https://live-for-myself.tistory.com/164 [WEB] jsp와 servlet에서 session 구현하기 세션이란 서버 측의 컨테이너에서 관리되는 정보로, 이 정보는 컨테이너에서 접속해서 종료되기까지 유지되며 접속 시간에 제한을 두어 일정 시간 응답이 없다면 정보가 더 이상 유지되지 않도 live-for-myself.tistory.com..

Forward에 대한 개념적 설명은 아래 링크 참고 ! https://live-for-myself.tistory.com/168 jsp도 가능하지만, 보통 servlet => jsp가 일반적이다. 예제 1 index.jsp 인덱스 페이지입니다. 오늘의 운세 url 패턴이 "fortune"이므로, 해당 url 패턴에 매핑된 서블릿 파일이 존재함을 유추할 수 있다. (@WebServlet("/fortune") "RequestDispatcher" FortuneServlet.java package test.servlet; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; i..