YJ의 새벽

web.xml ( 배포 서술자 ) -- WAS (Web Application Server ) : 동적 웹 ( 요청에 따라 응답페이지 생성) 에서 사용하는 서버 -- WAS 가 실행될때 가장 처음으로 읽어들이는 문서 -- 서버 실행시 초기 설정 내용 또는 설정 내용이 작성된 파일을 읽고 수행하도록 함. DispatcherServlet : 요청/ 응답을 나눠주는 서블릿. ( servlet-context.xml ) --FrontController 라고 함. --모든 요청을 앞에서 받아들여 알맞은 Controller 로 연결을 해주고, Controller의 반환 결과에 따라서 알맞은 View 를 선택해 클라이언트에게 응답하는 역할. Logger / Debug Mode 사용 -- Logger 객체 생성 ( 해당 ..

STS 폴더 안에 . lombok. jar 파일 넣어주기 . --> Shift + 마우스 우클릭 = PowerShell 창에서 lombok 실행 ( lombok 에서 STS 경로 넣어주자 ) STS 구성설정 들어가서 jdk 경로 추가 New Spring Legacy Project 생성 후 . MVC Project 를 만들건데. MVC project가 보이지 않으면 Configure templates 클릭 . 이거빼고 다지움 그리고 프레임워크 재시작 . -- 연습용 Project 이름 : comm, -- 패키지경로 : edu.kh.comm --------------------------- 이클립스 초기 설정 . windsow -> Preferences -> General -> Workspace windso..

Library -- 개발자가 만든 클래스들의 나열로, 다른 프로그램들에서 사용할 수 있도록 제공하는 방식. FrameWork -- 코드를 구현하는 개발시간을 줄이고 , 코드의 재사용성을 증가시키기위해 일련의 클래스 묶음이나 뼈대, 틀을 라이브러리 형태로 제공되는것. -- 제어의 역전 ( 제어의 흐름 주도성이 FrameWork 에게 있음 . ) Spring Framwork -- 동적인 웹 사이트를 개발하기 위한 여러가지 서비스를 제공 -- 전자정부 표준 프레임워크의 기반 기술. -- IOC ( Inversion of Control ) 제어의 역전 --객체의 제어권이 개발자가 아니라 프레임워크에 있음. --객체의 생성, 생명주기 관리까지 프레임워크가 주도. --객체를 생성,직접 호출하는것이 아니라, 만들어진..

-- 서버 재실행하면 , 체크박스가 모두 풀린다 . 수정해보자 . --- window.onload 에 체크박스 N / Y 값 확인하는 ajax 추가. $.ajax({ url : "checkcheck", data : { "spanInput1" : span.innerText }, type : "POST", success: function(result){ if ( result == 1 ){ checkBox.checked=true; span.style.textDecoration="line-through"; span.style.color="gray"; count--; updateCount(); } }, error : function(result){ console.log(result); } }); --- 체크가 된..

-- 버튼하나 만들어서 . 체크된것만 삭제 시켜보자 . -- 테이블에 체크를 확인하는 컬럼을 만들어준다 . -- 기본값 N , 체크 됐을때 Y 로 바뀌는 .ajax .js 에 추가 . -- window.onload 함수와. Add 버튼클릭 했을때 중첩되는 부분에 코드를 중복해서 넣어줬다 . checkBox.addEventListener("click",function(){ // check 시 취소선 if ( checkBox.checked ){ span.style.textDecoration="line-through"; span.style.color="gray"; count--; $.ajax({ url : "checkList", data : {"checkList" : span.innerText}, type :..

-- DB 저장된 목록들이 바로 보이게된다 . -- 즉시실행함수를 만들어보자 . ( window.onload ) -- todojs.js 파일에 함수 추가 . -- Add 버튼 눌렀을때 createElement 한 Element들과 , -- 즉시실행했을때 표시되는 Element들이 똑같다. -- 복붙으로 가져왔지만.. 하나로 쓸수있는법을 찾아보자 . function select(){ $.ajax({ url : "TodoSelectAll", type : "POST", dataType : "JSON", success : function (todoList){ todoListId.innerHTML=""; $(todoList).each(function(){ if ( this!=null){ const li = doc..

만든 TodoList DB 까지 연동해보자 . -- Add 버튼 눌렀을때 . -- DB 에 추가된거 확인 . -- Delete 버튼 눌렀을때 . -- DB 에서 삭제된거 확인 . -- All Delete 눌렀을때 . -- 전체삭제 확인. --- Add 버튼 눌렀을때 이벤트로 ajax 실행 ( " /addList " ) 로 Servlet 에게 패스 ! -- Add 버튼 눌렀을때 createElement 하기때문에 . -- Add버튼 눌렀을때 --> Delete버튼 눌렀을때 --> ajax 실행 ( "/deleteList" ) 로 Servlet 에게 패스 ! --- todojs.js 코드 addBtn.addEventListener("click",function(e){ // Add 버튼 눌렀을때 . if ( ..

---- 할일을 작성후 , Add 버튼을 누르면 ?? --- 체크리스트 check 했을때 . ---- Active 버튼 눌렀을때 !! ( span 태그로 만듬 ) --- Complete 버튼 눌렀을때 !!!! --- ALL 버튼 눌렀을떄 !!! ---- All Delete 눌렀을때 !!! --- HTML 코드 . To_Do List Add 남은 할일 : ALL Active Complete All Delete ---- CSS 코드 body { font-family: sans-serif; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; border-radius: 10px; } h1 { text-..