{TIL 1} 웹 개발 미니 프로젝트

YeilieY·2022년 9월 19일
0

항해99

목록 보기
6/27

1. 프로젝트 제목 및 설명

  • 제목 : 어서와 강북은 처음이지?
  • 설명 : 강북구의 관광지를 소개해주는 사이트

2. 와이어 프레임

  • 로그인 페이지
  • 회원가입 페이지
  • 인트로 페이지 1
  • 인트로 페이지 2
  • 디테일 페이지
  • 글쓰기 페이지

구현해야 하는 기능

  • 공통
    - Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링
    - 로그아웃

  • 로그인 페이지 / 회원가입 페이지
    - JWT 인증 방식으로 로그인 구현하기
    - 로그인 버튼 눌렀을때 인트로페이지로 연결
    - 회원가입 페이지 눌렀을때 회원가입 페이지로 연결
    - 회원가입 아이디 중복 체크
    - 회원가입 페이지에서 회원가입 누르면 인트로페이지 연결
    - 가입취소 버튼 누르면 로그인 페이지로 복귀

  • 인트로 페이지 1
    - Tour API 불러오기 https://api.visitkorea.or.kr/
    - API 에서 검색되지 않는 정보는 다른 방법으로 크롤링
    - 로그아웃 버튼
    - 목록들 버튼 기능
    - 게시글 눌렀을때 디테일페이지로 연결

  • 인트로 페이지 2
    - 자유게시판을 눌렀을시에만 글쓰기 버튼이 나오도록
    - 글쓰기 버튼 클릭 시 글쓰기 페이지로 연결

  • 디테일 페이지
    - Tour API 디테일 데이터 불러오기
    제목, 소개글, 링크, 사진
    - 댓글쓰기 버튼을 누르면 댓글 입력창이 나오도록(hide & show)
    - 서버에서 댓글 목록 불러오기
    - 등록하기 클릭시 서버에 댓글의 글쓴이/내용 POST로 보내기

  • 글쓰기 페이지
    - 등록하기 클릭시 서버에 제목,내용,링크 POST로 보내고 인트로 자유게시판 카테고리로 이동
    - 등록취소 클릭시 인트로 자유게시판 카테고리로 이동

기능Methodurlrequestresponse
로그인POSTapi/login{id_give, pw_give}{msg: 로그인이 완료되었습니다!}
로그아웃POSTapi/logout{id_give, pw_give}{msg: 로그아웃이 완료되었습니다!}
회원가입POSTapi/member/ship{id_give, pw_give}{msg: 회원가입이 완료되었습니다!}
게시글 불러오기(관광지)GETapi/posts{img_give, title_give}
게시글 불러오기(맛집)GETapi/posts{img_give, title_give}
게시글 불러오기(카페)GETapi/posts{img_give, title_give}
게시글 불러오기(문화시설)GETapi/posts{img_give, title_give}
자유게시판 글 등록POSTapi/write{id, title_give, des_give, link_give}{msg: 글등록이 완료되었습니다!}
댓글 목록 불러오기GETapi/post_id/list{post_id}
댓글 등록하기POSTapi/post_id/write{post_id, name_receive, comment_receive }{msg: 댓글등록이 완료되었습니다!}

https://github.com/nimgnas/welcome-gangbuk

profile
Fun_Dev

0개의 댓글