Dahoon06 Store

전 시간에 글을 작성해서 리스트목록 출력까지 했다. 오늘은 글 제목을 클릭했을 때 조회수 증가와 함께 해당 글을 출력할 것이다. list.jsp의 게시글의 제목부분 ${board.title } retrieve.do를 호출하면서 같이 num이라는 파라미터명으로 해당 글의 번호를 파라미터값으로 보내준다. ** 어제했던 코드를 JSTL을 이용하여 바꿔서 번호부분의 코드가 다르다. controller패키지 내의 RetrieveActionController 클래스 추가 사용자로부터 외부의 입력을 받지 않기 때문에 단순히 Spring이 제공하는 Controller를 구현 받는다. BoardDAO에서 해당 글을 조회 쿼리 추가 //해당 글 조회 public BoardDTO detailBoard(int num) { S..

이번 실습에서는 Spring 방식으로 간단한 게시판을 만들 것이다. 이클립스에 플러그인을 설치해서 하는 방식이 아닌 스프링 라이브러리를 가져와서 하는 방법 spring 관련 라이브러리를 추가해준다. 먼저 생성된 데이터베이스 테이블 springBoard 테이블 1. DispatcherServlet => 스프링이 제공.(모든 요청사항을 처리) : web.xml에서 등록할것이기에 별도의 class파일 생성 X 2. HandlerMapping => 스프링이 제공.(요청사항을 찾는 역할) : 요청사항에 따른 Controller를 반환, board-servlet.xml문서로 생성 3. ~~Controller 객체들 => 개발자가 직접 생성(Controller 관련 : 상속, 구현) 4. DB접근 => .xml문서 ..

스프링 이론 시작 https://june-17.tistory.com/156 [Spring] 입문 june-17.tistory.com

1. 운영체제를 제어하기 위한 방식에는 CLI(Command Line Interface)와 GUI(Graphic User Interface)가 있다. 그 중 CLI(Command-Line Interface)에 대해 서술하시오. => 명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다 2. 서버(Server)에 대해 서술하시오. => 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 프로그램 또는 장치를 뜻한다. 3. JVM에 대해서 서..

예제) HTML 번호를 선택하여 버튼을 클릭하게 되면 그 크기만큼 반복 JavaScript $(document).ready(function() { $("#call").click(function(){ var input = $("#num").val(); console.log(input); var request = $.ajax({ url: "ajaxCallTest3.jsp", //요청 URL method: "POST", //요청 방식 data: { num1:input//전달할 데이터 (파라미터:값) }, dataType: "json" //응답받을 데이터 형식(일반적으로 json) }); // request END request.done(function(data){ //테스트 코드 console.log(data..

Ajax HTML 파일 버튼 클릭시에 ctlGrid 영역으로 HtmlSamplePage.html을 불러오게 되어있다. HtmlSamplePage.html 아래쪽 비어 있는 영역으로 html을 불러 오게 된다. ajax https://june-17.tistory.com/151 Ajax(Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도.. june-17.tistory.com JSON https://june-17.tistory.com/152 [WEB] J..

jQuery - 서서히 보이기 show( ) 및 숨기기 hide( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 안녕하세요. 여기는 본문입니다. more... 또 만나요 jQuery - 서서히 보이기 fadeIn( ) 및 숨기기 fadeOut( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 첫번째 영역 두번째 영역 jQuery - 여러가지 효과 동시 처리 animate( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 안녕하세요. 여기는 본문입니다. more..

jQuery - HTML 속성을 다루는 함수 attr() $(document).ready(function() { //attr() : html 요소의 속성을 다루는 함수 //attr('속성명') : 속성값을 추출(get) //attr('속성명','속성값') : 해당 요소에 속성을 설정(set) //alert($('a').attr('href')); $('#logo').mouseover(function(){ $(this).attr('src','icon_home.gif'); }); $('#copy').mouseover(function(){ $(this).attr('src','ico_go_up_s.gif'); }); $('#copy').mouseout(function(){ $(this).attr('src','ic..

jQuery - click 이벤트 CSS 더보기 .redColor{ color:Red } HTML 네이버 구글 다음 각각의 단어를 클릭하면 해당 페이지로 이동 id값이 mainMenu 인 태그 안에 클래스명이 redColor인 태그를 찾아서 클릭 이벤트를 부여한다. 이때 클릭된 태그의 id값에 따라 경로 이동!! ** window.open(); -> 현재 페이지에서 이동하는것이 아니고 새로운 창을 띄운다. jQuery - 조건에 맞는 요소 가져오기 (filter()) CSS 더보기 .redBorder { border:solid 1px red; } .five { border-width:5px; } HTML filter()함수를 하나만 사용할 경우에는 end()를 사용할 필요가 없지만 filter()를 2개..

jQuery => HTML5 문서 내에서 스크립트 언어를 단순화 하여 사용가능 하도록 설계된 경량 프레임워크(자바스크립트로 만들어짐) jQuery : 모바일 버전과 PC버전이 다르다. ex) 모바일 : jQuery-1.6.2.min.js PC : jQuery-1.6.2.js 상단에( 안에) 추가 ** 1.6.2 수업에 사용된 버전!! 사용법) $(document).ready(function() { // 페이지가 준비되었을 때 //내부에 코딩 //일반 자바스크립트 //jQeury 함수 등등 다 사용가능 //새로만든 함수 호출 test(); //내부에서도 함수 선언 가능 function msg(){ } msg(); }); //jQery에 내가 필요한 함수가 없을경우 //바깥쪽에다가 새로운 함수 선언 func..