🌳 산넘고 산넘어

  4일동안 진행된 미니 프로젝트로 전국의 산을 소개합니다.
  등산을 사랑하는 사람들이 등산 후기와 산의 정보를 공유할 수 있는 사이트 입니다. 

Stack

Frontend

• HTML
• CSS (Bulma)
• JavaScript
• jinja2

Backend

• python
• Flask, MongoDB Atlas

배포

• AWS EC2

Product

유튜브

산넘고 산넘어

역할

Member

인상운

황윤정

김범진

김채운

Page UI 및 기능 구현

이름	pages
인상운	로그인, 로그아웃, 게시물 수정, 게시물 삭제
김채운	회원가입
김범진	메인페이지, 상세보기
황윤정	게시물 등록, 파일 업로드

상세 기능

로그인 (인상운)

로그인 성공

로그인 실패

• 로그인 페이지는 JWT 토큰을 사용해 기능을 구현했습니다.
• '로그인' 버튼을 클릭하면 이메일 주소와 비밀번호에 대한 유효성 검사를 진행하고, 이메일 주소와 비밀번호가 일치하지 않으면 알림창으로 '이메일과 비밀번호가 일치하지 않습니다.' 라는 경고문구가 나타납니다.

회원가입 (김채운)

중복검사

유효성검

• 회원가입 할 이메일과 비밀번호는 중복검사 버튼을 통해서 사용이 가능한지 불가한지 검사 해줍니다.
• 회원가입 버튼을 클릭하면 이메일과 닉네임 형식이 올바른지, 비밀번호와 비밀번호 확인란에 입력한 게 일치하는지, 닉네임 형식이 올바른지 전체적인 유효성 검사를 해주고, 빈칸이거나 이메일(@), 비밀번번호(영문과 숫자 필수 포함, 특수문자(!@#$%^&*)사용가능 8-20자)이 유효하지 않거나, 닉네임(2-10자의 영문과 숫자와 일부 특수문자(._-)만 입력 가능합니다.) 등의 형식이 맞지 않으면 입력창 밑에 경고문이 뜹니다.

게시물 등록 (황윤정) & 메인페이지 (김범진)

• 메인페이지에서 글쓰기 버튼을 클릭하면 게시물 등록 페이지가 나옵니다.
• 제목, 산 이름, level, 이미지 본문을 입력하고 '등록' 버튼을 누르면 메인페이지로 이동하고 메인페이지 게시물 리스트에 글이 등록된 걸 확인 할 수 있습니다.

게시물 수정 (인상운) & 상세보기,지메인페이지 (김범진)

• 메인페이지에서 게시물에 상세보기를 클리하면 상세보기 페이지로 이동합니다.
• '수정' 버튼을 클릭하면 수정 페이지로 이동 합니다.
• 게시물이 그대로 가져와지고 그 상태에서 제목, 산 이름, 이미지, 본문 글을 수정하고 '수정' 버튼을 클릭하면 수정된 상태로 메인페이지에 게시물이 업데이트 된 걸 확인할 수 있습니다.

게시물 삭제 (인상운) & 상세보기,메인페이지 (김범진)

• 메인페이지에서 게시물에 상세보기를 클리하면 상세보기 페이지로 이동합니다.
• '삭제' 버튼을 클릭하면 메인페이지로 이동하고 메인페이지 게시물 리스트에서 삭제가 된 걸 확인 할 수 있습니다.

로그아웃 (인상운)

• 페이지 상단 메뉴에서 '로그아웃' 버튼을 클릭하면 로그아웃이 되고 로그인 페이지로 이동합니다.