게시판〃(13) 완성!! 출력 화면과 영상

드디어 기다리고 기다리던 게시판이 완성되었습니다. 게시판을 만들면서 모르는 부분은 검색을 하면서 노력했던게 엊그제 같은데 어느새 완성이 되다니 정말 뿌듯합니다. 비록 게시판 하나만 만들어봤지만 여기서 안주하지 않고 더욱 공부해서 권한 설정을 추가해 관리자 모드를 만들어 보고 싶습니다. 그래서 지금까지 완성된 게시판은 절대 최종 완성은 아니며 더 개념적인 이론부분을 공부해서 기능을 추가하거나 회원가입을 먼저 만들고 홈페이지에 게시판을 넣는 방식으로 꾸려나갈 생각입니다. 이번 포스팅에서는 출력된 화면과 영상을 첨부하도록 할게요. ■ 게시판 만들기 프로젝트에 사용된 기능 ■ 화면폼 (글쓰기 / 글읽기 / 글수정 / 답변 ) 화면폼은 애니매이션 파일로 올려서 3초간격으로 바뀝니다. 차례대로 글쓰기 / 글읽기 /..

• format_list_bulleted 프로젝트/1.게시판만들기
• · 2015. 12. 15.
• textsms

게시판〃(12) AJAX로 본문 미리보기 구현

이제 정말 정말 마지막 단계인 AJAX로 본문을 미리보는 단계만 남았습니다. 요 기능이 필요없다면 저번 글까지가 완성단계이고요. 게시판 만들기 프로젝트에 필요한 기초 이론들은 JQUERY 게시판에 글을 올렸기 때문에 참고하시거나 아래 링크를 통해 먼저 보고 오시는게 좋을것 같아요. 여기서는 간단하게 소스코드와 기능들에 대한 설명들을 할 생각입니다. ▼ 관련글 2015/12/14 - JQuery〃에이작스(AJAX) 동작원리, 설정, 비동기 요청함수2015/12/10 - 게시판만들기〃(9) Board_List.jsp 작성하기2015/12/08 - Jsp〃[EL]과 [JSTL] 한방에 정리 + Core2015/12/06 - 게시판만들기〃(6) Controller 패키지 작성 그럼 글의 순서는 보드리스트.jsp..

• format_list_bulleted 프로젝트/1.게시판만들기
• · 2015. 12. 15.
• textsms

JQuery〃에이작스(AJAX) 동작원리, 설정, 비동기 요청함수

Asynchronous JavaScript And XML의 약자인 에이작스는 번역하면 비동기적 자바스크립트와 XML의 뜻을 가지고 있습니다. 새로운 언어는 아니고 기존에 사용하고 있는 HTML, CSS, JavaScript, XML등의 언어를 편리하게 사용하기 위해 만들어진 기술이라 생각하면 될 것 같아요. 에이작스를 사용하게 된 이유는 웹브라우저와 서버의 데이타 전송을 조각방식으로 나눠 전체 페이지를 리로드하지 않아도 되지 않아도 되는 유용성 때문인데요. 그 이유는 기존 XML이 데이타를 교환할때 전체 페이지를 모두 전송했기에 대역폭 낭비가 심했기 때문입니다. ■ AJAX의 동작구조 1. 웹 브라우저의 인터페이스에서 자바스크립트 함수를 호출시킵니다.2. XMLHttpRequest 객체의 인스턴스를 생성..

• format_list_bulleted 프로그래밍/Script·JQuery
• · 2015. 12. 14.
• textsms

게시판〃(10) Board_Write / View / Update / Delete / Reply JSP파일

이틀에 걸쳐 Board_List를 정리하고 나니 나머지 5개의 JSP파일들은 너무 간단해서 한번에 포스팅하려다 보니 게시글 제목이 너무 길어졌습니다. 정말이지 리스트에는 페이징 처리떄문에 머리가 너무 아팠지만 이번 글에서는 휴식을 취하는 시간을 가지겠네요. 각 파일별로 function함수 뿐이라 별로 정리할 부분도 없으니 얼른 소스코드를 올려놓고, 다음글에서 본문 미리보기에 해당하는 Ajax부분을 정리 하겠습니다. ■ Board_Write.jsp 작성하기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475..

• format_list_bulleted 프로젝트/1.게시판만들기
• · 2015. 12. 12.
• textsms

게시판〃(6) Controller 패키지 작성

이번글에서는 게시판 프로젝트중에 가장 중요한 부분인 컨트롤러 부분에 대해 만들어 보겠습니다.다시 복습겸 MVC패턴과 게시판 순서를 되짚어보면 웹컨테이너에서 디스패쳐 서블릿으로 해당정보를 요청합니다. 그걸 web.xml에서 디스패쳐 서블릿 설정을 하고 URL매핑을 합니다. 저는 *.action 으로 설정해주었고요. 다음 을 board로 지었기에 board-servlet.xml에서 핸들러매핑으로 받아 컨트롤러로 향하도록 정해줍니다. board-servlet.xml에서 리스트를 예로 들면 listController 소스코드가 있습니다. 그 의미는 자바파일 중 ListController의 이름으로 된것에 연결하고 그 안에 /boardList.action의 정보가 들어가 있을 것이죠. ▼ 관련글 2015/11/3..

• format_list_bulleted 프로젝트/1.게시판만들기
• · 2015. 12. 6.
• textsms