IT & 日本 story :)

2016. 12. 15. (Thu)한글깨짐현상 해결하기Spring에서 한글깨짐 현상을 해결할 때는 Filter를 사용한다./src/main/webapp/WEB-INF/web.xml 파일을 열고, 아래와 같이 filter를 입력한다.아래의 예제를 살펴보자 ex) web.xml1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 contextConfigLocation /WEB-INF/spring/root-context.xml org.springframework.web.context.ContextLoaderListener appServlet org.springframework.web.servlet.Dispatc..

2016. 12. 14. (Wed)[Spring 강의] L03 Controller2오늘은 기존에 model2로 만든 게시판을 Spring으로 변환하는 수업을 했다. 강사가 워낙 정신없이 해서 수업내용 따라 적은거 밖에 없지만.. model2에서 spring으로 변환하는 방법을 알아보자.1. 새로운 프로젝트를 아래와 같이 생성하고 이클립스에서 model2 내용을 복사해 왔다. 2. com 하위에 spring package를 만들고 model2 내용을 일부 수정하여 복사해 온다.자세한 내용은 파일별로 알아보도록 하자. 첫 번째로 controller이다. 자세한 내용은 아래의 코드와 주석을 살펴보자.spring - controller ex) MemberController.java12345678910111213..

2016. 12. 13. (Tue)[Spring 강의] L02 Controller이번 수업에서는 @RequestMapping()을 호출해보고, 숫자와 문자열의 파라미터를 받아보는 것을 실습한다.그리고 숫자 및 문자열이 NULL값으로 올 때 어떻게 되는지 알아보자!정보를 BEAN으로 받아와보고 model을 이용해 내장객체 파라미터를 담아보자! 지금까지는 index.jsp에 강의의 목차를 적어놨었다. Spring에서는 Home.jsp가 그 역할을 대신한다.Home.jsp의 내용을 살펴보자!1번줄의 page 지시자는 자동생성이 되지 않는다. 작성하지 않으면 한글이 깨지니 주의하자!ex) Home.jsp1234567891011121314151617181920212223242526272829303132333435..

2016. 12. 13. (Tue)[Spring 강의] L01 Hello_SpringJSP Project가 끝나고 오늘부터 Spring 수업이 시작되었다.그리고 기존 JSP 때와 다른 점을 비교해가면서 jsp page 호출 하는 법,Parameter 받아오는 법 등을 배워보았다. JAVA, JSP에 이어 SPRING까지 모든 것이 다 중요하지만,실무에서 Spring이 제일 많이 쓰인다고 하니..오늘부터 마음을 다시 잡고 매일매일 배운 내용을 포스팅하고 잘 배워봐야겠다!! 1. STS 설치 이제 이클립스를 벗어나 새로운 프로그램을 사용하나 싶었지만, STS는 이클립스에 스프링 기능이 추가된 거 뿐이었다..ㅋㅋ그래도 익숙한 GUI환경에서 작업을 하는 것은 나쁘지않다.설치 방법은 PASS 하겠다. 2. l01..

L15 JAVA SCRIPTL09CheckIdAJAX 아이디 중복검사를 AJAX로 해보자 ex) L09CheckIdAJAX.jsp12345678910111213141516171819202122232425262728293031323334353637383940414243444546아이디 중복체크(AJAX) AJAX로 checkId.do를 호출해서 DB에 ID가 있는지 중복체크하자. 중복검사 function checkId(userId) { //var userIdTest = document.forms["checkIdForm"]["userId"].value; //console.log("userIdTest : " + userIdTest); console.log(userId); var http = new XMLHtt..

L15 JAVA SCRIPTL08JsonAJAX JSON 비동기식 통신 ex) L08sonAJAX.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263Insert title here JSON books.js or books를 화면에 출력시킨다. AJAX 통신 num name sort price author info function lodeDoc() { var http = new XMLHttpRequest(); //통신객체 생성 (HttpServlet과 동일) var url = "books.js"; //get방식으로 url에 비동기식으로(tru..

L15 JAVA SCRIPTL07XmlAJAX 비동기식 통신에 대해 알아보자. ex) L07XmlAJAX.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081AJAX를 이용해 비동기식 통신을 하자 HttpRequest를 이용해 AJAX를 구현하자 AJAX란 비동기식 웹 통신을 말한다. 이때 비동기식을 간단하게 설명하면 page 로딩이 끝난 후 다시 page로드를 하지 않고 통신하는 것을 말한다. 이때 서버측에서 다양한 형태의 문서를 받을 수 있다. (JSON, XML, HTML,..

2016. 11. 18. (Fri)L15JavaScriptL06JSONJSON에 대해 알아보자ex) L06JSON.htmlDOCTYPE html>JSON에 대해 알아보자JSONvar person = { //자연적인 선언법firstName : "selly",lastName : "Rally",age : 20,nationality : "English"}var person2 = new Object(); //JSON은 object 타입person2.firstName = "selly";person2.lastName = "Rally";person2.age = 20;person2.nationality = "English";document.write("JSON person2 출력");for(var key in perso..

2016. 11. 18. (Fri) L15JavaScript L05Function함수를 정의하고 사용해보자ex) L05Function.htmlDOCTYPE html>JavaScript Function함수를 정의하고 사용해보자function sum (a,b) {//앞에 function이 명명돼야함//return 되는 값의 데이터 타입이 없다. 매개변수의 데이터 타입이 없다.return a+b;}document.write("sum(10,20) :"+sum(10,20)+"");document.write("");var sunVal = function(a,b) {return a+b;}//anonymous function//익명함수를 변수에 담고 사용한다. -> JavaScript의 변수 시스템이 프로그램의 속도를..

2016. 11. 18. (Fri) L15JavaScript L04ArrayArray에 대해 알아보자ex) L04Array.htmlDOCTYPE html>Array에 대해 알아보자Array 관련 함수들을 사용해보자var points = new Array(1,2,3,4,5); //not goodvar points = [1,2,3,4,5]; //goodtypeof points; //objectArray.isArray(points); //truevar fruits = ["Apple","Banana","Orange","Durian","melon"];//배열에 값을 추가하고 삭제하고 정렬할 계획이다.console.log(fruits);//Array는 클래스이고 자바스크립트에서 기본ㄴ데이터 타입으로 사용중이다.//..