게시판〃(2-3) 글쓰기 / 글삭제/ 답변 살펴보기

HTML과 자바스크립트로 초기 작업을 한 게시판 글쓰기와 글삭제, 답변 파일을 마지막으로 알아보고 기능을 추가하도록 하겠습니다. 혹시 제 글을 보시면서 jsp파일이나 텍스트 문서가 필요하시면 스크롤 내려서 마지막 부분에 (2) 화면 설계 링크 글에서 받으시면 되겠어요. 일단 이 카테고리의 모든글은 제 공부 목적으로 쓰기 때문에 흐름이 꼬이더라도 링크를 타시면서 이해부탁드려요^^ ■ 게시판 글쓰기- 글쓰기 화면 (Board_Write.jsp) - - 등록을 누르면 바뀌는 화면 (Board_Write_action.jsp) - 게시판 만들기 카테고리를 통해 처음부터 보신분들이라면 이 글쓰기는 글수정하기와 HTML 코드는 완전 비슷하다고 느끼셨을거에요. 차이점이 있다면 등록버튼을 누르면 데이타 전송으로 페이지가..

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

게시판〃(2-2) 게시글 읽기 / 게시글 수정

이번에는 게시판 글을 클릭하면 읽는 화면인 글 읽기와 글을 수정하는 화면에 대해서 살펴보도록 하겠습니다. 역시 이 부분도 HTML로 화면을 꾸며야 되서 한참동안 멍때렸어요. 혹시 텍스트 파일과 jsp파일이 필요하신분은 제일 아래 (2)번 화면설계 글에서 다운받으시면 되겠습니다. ■ 게시글 읽기(Board_View.jsp) 게시판 목록보다는 덜 힘들었지만 디자인 부분은 취약하다보니 이정도에 만족합니다. 게시글 열람에 필수요소인 작성자와 작성일, 제목과 텍스트 공간을 넣었고 조회수도 추가했습니다. 여기서 버튼이 4개가 들어가 있는데 목록으로 돌아가는 기능과 수정기능, 답변기능, 삭제기능을 넣었습니다. 게시글 열람을 작성한 코드입니다. 저번글에서 나눔고딕 적용과 자바스크립트 function에 대해 언급했으니 ..

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

게시판〃(2-1) 게시판 목록 [Board_List] 살펴보기

저번 글에서 단순 HTML과 자바스크립트로 뼈대를 잡아놓은 스케치 단계까지 했고, 출력되는 화면에 대해서만 포스팅했는데요. 이번 글 부터는 각각 나눠서 정리할 생각이고 먼저 메인이라고 부를만한 게시판 목록부터 살펴보도록 하겠습니다. 혹시 텍스트 파일과 jsp파일이 필요하신분은 제일 아래 (2)번 화면설계 글에서 다운받으시면 되겠습니다. ■ 게시판 목록(Board_List.jsp) 먼저 출력되는 화면이고요. HTML로 위와 같이 표를 만들기 위해 태그로 번호 / 제목 / 작성자 / 작성일 / 조회 이렇게 5칸 나누고 ,, 태그를 사용하여 구성했습니다. 이상하게 칼라 스크립터로 복사 붙여넣기하면 태그의 위치가 중앙으로 몰려서 사진형식으로 올리게 됬습니다. 바로 붙여넣기 할 수 없는 점이 정말 아쉽네요. ● ..

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

게시판〃(2) 화면 설계 [소스+jsp파일 포함]

이제 다음으로 게시판을 만드는 단계의 스케치 작업이라고 할 수 있죠. 단순 HTML과 자바스크립트로 게시판 목록과 글쓰기, 수정 등등 조금만 공부한다면 만들 수 있는 단계로 틀만 잡아놨습니다. 솔직히 양심적으로 웹디자이너가 될 생각이 아니기 때문에 HTML과 CSS는 공부할때 비중을 두지 않아서 인터넷에 검색한 것이 많아요. 이해좀 해주시고 그럼 시작합니다. 먼저 이번 포스팅에서는 파일을 어떻게 구성했는지와 시각적으로 보이는 화면을 보여주고 소스를 파일로 첨부할 생각입니다. 소스에 대한 부가 설명은 다음 글부터 하나씩 설명하려고 합니다. 혹시 jsp파일이 필요하신분은 스크롤을 밑으로 쭉 내리시면 다운받으실수 있습니다. ■ 파일 구성파일은 아래와 같이 프로젝트 폴더에 구성 해봤습니다. 게시판 목록 = Bo..

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

게시판〃(1) Dynamic Web Project 폴더 생성

〃2015년 11월 23일 월요일〃 오늘부터 프로그램을 하나씩 만들 계획을 하고 있습니다. 먼저 저의 첫 작품은 게시판을 만들고, 다음 작품은 회원가입을 완성해서 첫 작품인 게시판을 추가해 홈페이지를 만들 생각입니다. ■ Dynamic Web Project 생성 먼저 게시판은 웹으로 띄우는 작업이기 때문에 Dynamic Web Project로 폴더를 하나 만들겠습니다. 저는 한번 만들었기에 목록에 뜨지만, 목록에 없으면 Other를 선택합니다. 그럼 이 화면이 뜰텐데 Web폴더를 찾아 펼치면 저희가 원하는 Dynamic 프로젝트가 뜹니다. 클릭 후 Next !! 저는 프로젝트 이름을 " HunBoard "라 적고 시작을 하도록 하겠습니다. 처음에는 Target runtime 부분에 톰캣이 설정 안되있는 ..

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