개인별 게시판 프로젝트

단계별로 완성한 사람은 과제물을 올리세요

• 게시판 프로젝트 원칙

1. 처음 시작할 때는 다른 사람과 아이디어를 공유하지 않습니다.
2. 처음 부터 끝까지 본인의 노력으로 로직을 구현해야 합니다.
3. 처음에는 로직이 생각나지 않더라도 끊임 없이 생각해야 합니다.
4. 특정 부분에서 막히면 그부분에 대해서 공부하고 노션에 정리합니다.
   - 코드가 막히는 경우는 그 부분에 대해서 모르기 때문입니다.
     집중하게 기초부터 다시 공부합니다.
5. 포기하지 말고 될때 까지 합니다. 

1.일반글과 공지게시글이 하나의 테이블에 저장되고 읽어 올 수 있게 구현하시오.

• 프런트 엔드 에서 백엔드 까지 데이터의 흐름을 이해하는 데 목적이 있습니다.

  

  

1)설계

• 프로그래밍의 흐름을 설계할 수 있도록 다이어 그램 형식의 설계서를 작성하시오.
• 링크된 사이트에 접속해서 Draw.io를 다운 받아 설계서를 작성하시오.

Draw.io

• 예시
  • 형식은 상관없지만 다른 사람이 쉽게 알아 볼수 있도록 작성하세요.

  2)구현

• 과제물(완성된 사람은 여기에 과제물을 올리세요)
• 게시물은 책에 있는 pro30입니다.
• 설계서+코드+스크린샷형식으로 올리세요.
  • 코드의 용량이 너무 클 경우 개별 파일로 올리세요
• 도구들은 모두 통일하겠습니다.

  • 스크린샷 도구

    픽픽(PicPick) - 올인원 그래픽 디자인 도구 (화면 캡처 및 녹화, 이미지 편집, 색상 추출, 눈금자, 각도기, 십자선 등)

  • 압축 도구

    반디집 공식 홈페이지 · ALZ, EGG, 7Z, RAR 지원 무료 압축 프로그램

(1)화면단

• API

  개발자를 위한 웹 기술 | MDN

  W3Schools Free Online Web Tutorials

문제 2,3,4,5 이미지

2.Session을 이용해 게시판 읽을 때 조회수를 증가시키시오.

• 같은 세션의 경우 게시물을 여러번 클릭 하더라도 조회수 증가는 없다.

3.게시판 페이징을 구현하시오.

4.게시판 글에 답글을 구현 하시오.

5.게시판 최신글에 새글 이미지와 답글에 REPLY 이미지를 삽입하시오.

6.다중 이미지 파일 업로드에서 이미지파일을 업로드 하고 수정하는 기능을 구현하시오.

• 이미지 순서가 바뀌는 건 상관없음

7.Ajax를 이용하여 댓글을 구현하시오.

pro30_StepByStep.zip

pro30_StepByStep2.zip