HTML_JS(Sol)
-
210628_1(model2_게시판만들기)HTML_JS(Sol)/model2 2021. 6. 28. 18:22
글보기 DAO : public BoardDataBean getArticle(int num) { } * 해당글의 조회수 증가 * 해당글을 꺼냄 * 빈에 담는다. * 빈을 리턴한다. Action : ContentAction implements CommandAction { requsetPro() { //오버라이딩 * Fc의 명령을 받는다 * getArticle을 실행 * 리턴된 결과를 request영역에 저장한다 * 기타 환경변수(페이징,답글관련)들을 request에 저장한다. * 해당 view값을 리턴한다. } } View : content.jsp el,jstl을 이용해서, request에 저장된 데이터를 꺼내와 화면을 구성한다. mapping : CommandPro.properties 파일에 아래 매핑을 ..
-
210625_1(mvc2_board_ 글입력처리)HTML_JS(Sol)/model2 2021. 6. 25. 17:29
공통 작업끝난상태 1. 테이블 board3, 시퀀스 board3_num_seq 2. DBCP server pool 설정 : server.xml 3. FrontController : ControllerAction 성공! 0) { articleList = dbPro.getArticles(startRow, endRow); // 현재 페이지에 해당하는 글목록 }else { articleList = Collections.EMPTY_LIST; } number= count-(currentPage-1)*pageSize;//글목록에 표시할 글번호 //해당 뷰에서 사용할 속성 request.setAttribute("currentPage", new Integer(currentPage)); request.setAttribut..
-
210624_2(MVC2 게시판 만들기)HTML_JS(Sol)/model2 2021. 6. 24. 18:12
MVC2 게시판 만들기 밑작업 테이블만들기 0)웹프로젝트생성 boardMvc2Ora : web.xml필요함 해당 value 클래스문자열 -> 클래스 로드함 -> 클래스 인스턴스화 -> commandMap에 저장 결론 : 해당 액션클래스의 인스턴스를 사용할 준비가 된것임 package my.controller; import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; import my.action.CommandAction; public class ControllerAction extends HttpServlet { @Override public void doGet(HttpServletRequest re..
-
210624_1(model2_jstl)HTML_JS(Sol)/model2 2021. 6. 24. 11:51
redirect태그 리다이렉트 : 브라우저 -------A요청------->A.jsp --redirect--> B.jsp B를 가르킨다. 브라우저 화면 : B를 출력한다. 결론 : A와 B는 관계가 없다. A는 입력처리 B는 목록 출력처리 redirect 태그는 지정한 페이지로 전환시키고자 하는 경우 사용된다. response.sendRedirect() 와 비슷한 기능을 제공한다. jstlAProject - redirectTag.jsp 바로 네이버로 이동해버린다. out태그 사용법 -value : JspWriter에 출력할 값을 나타낸다. 일반적으로 value 속성의 값은 String과 같은 문자열이다. 만약 value 값이 java.io.Reader의 한 종류라면 out 태그는 Raeder로부터 데이터..
-
210623_1(EL, XML매핑, JSTL)HTML_JS(Sol)/model2 2021. 6. 23. 17:54
MODEL2의 특징 (MVC pattern) 기존에는 컨트롤기능(요청을 받아서 처리하는)을 jsp가 했었다. model2가 되면 그 컨트롤 기능을 servlet으로 만들게 되며, servelet은 직접호출이 불가능 하므로, web.xml에 매핑하여 사용한다. Servelet : Front controller 기능 -- 모든 요청을 한 곳으로 집합하여 처리하는 패턴 일반적의미 - java로 구현한 웹문서. 정적기능이 강함. 동적기능을 보완하기 위해서 jsp가 만들어졌다. 액션클래스 명령전달 --> 메시지 리턴 --> 해당뷰로 이동> web.xml : 일명 배치기술자라 부르고 웹어플 내부의 자원을 어떻게 호출하여 사용할지 기술하는 파일이다. 웹어플 내부에서 사용하는 환경 변수를 지정할 수 있다. ex) 브라..
-
210622_1(jQuery_ajax)HTML_JS(Sol)/jQuery_Ajax 2021. 6. 22. 17:19
스크롤이벤트 this의 사용 단독 개체의 확인 클릭하세요. 복수 개체의 확인 클릭하세요. 클릭하세요. 클릭하세요. 클릭하세요. 속성 제어 클릭하세요. 이미지 로드 HTML5에서 새로 생긴 태그들 디자인 계열의 : 영역을 나타내는 태그가 있음 전체 선택 기능 구현하기 취미 전체 선택 축구 농구 야구 0618 change() -- 어떠한 변화가 생기면 (광범위하게 사용가능) radio, select, checkbox등등 활성/비활성 구현하기 파일 올리기 0619 -- 실제링크가 아니라 책갈피용도로 사용됨 hover() -- 마우스가 요소위에 올라가면 회원가입 저장되었습니다. 0701 css() 스타일 시트를 적용하라. color : 글자색 backgroundcolor : 배경색 CSS제어하기 테스트 영역 입..
-
210621_1(jQuery_ajax)HTML_JS(Sol)/jQuery_Ajax 2021. 6. 21. 17:44
꼭 설명할 수 있으면 좋은 핵심 내용. 1. jQuery : selector #id .class :속성 2. 이벤트처리 $(function( ) { $("selector").이벤트함수(function( ){ } ) }); ===>같은구조 3. json에 대한 이해 { K : V, K : V, K : V, K : V, K : [v,v,v,v], k[{K : V},{K : V} ... } 4. xml방식의 응답처리 루트 --> 하위태그 --> 하위태그 ... (DOM구조) 5. ajax 비동기 통신 JSON으로 그룹화된 함수 호출 .html() .html() jQuery 메서드는 선택한 요소의 내용을 설정하고 반환합니다. 이 방법에 사용되는 경우 집합 콘텐츠, 그것은 모든 유사한 요소의 내용을 설정하는 요소..
-
210618_1(jQuery_ajax_json)HTML_JS(Sol)/jQuery_Ajax 2021. 6. 18. 17:42
json javascript object notation : 데이터 포맷 방법 JSON은 속성-값 쌍 또는 "키-값"쌍으로 이루어진 데아터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신을 위해, 넓게는 XML을 대체하는 주요 데이터 포맷이다. 활용법 1. { 로 시작하고 } 로 끝난다. 2. { } 안에 키 : 밸류 로 지정한다 3. 키 : 밸류가 반복되면 , 쉼표로 구별한다. 밸류가 반복 되는 구조는 k : [v, v, v, v,]형태가 된다. 4. 같은 키 : 밸류 가 반복되는 { }들은 , 쉼표 구별하여 [ ] 로 감싼다. ===> k : [{k:v},{k:v},{k:v}] $.ajax() 함수를 사용한 JSON데이터 읽기 (1) ..