My Journal Express

Notice

Recent Posts

Tags more

Archives

관리 메뉴

설명 쓸 데가 없어서 만든 블로그

Project/My Journal Express

천또배기 2020. 3. 6. 17:45

My Journal Express는 신문 스크랩처럼 자유로운 형식으로 사진(동영상), 글을 공유할 수 있는 웹 SNS 서비스 입니다.

세종대학교 학술동아리 Open Year Round에서 1학기 동안 웹 기초를 공부한 후 완성한 프로젝트 입니다.

프로젝트 개발 환경입니다.

OS	Windows 10
Language	HTML, CSS, Javascript, jQuery
Server	AWS-EC2, Node.js, MySQL, Putty
Tool	Visual Studio Code, Git Bash (v2.22.0.windows.1)

프로젝트의 기능은 다음과 같습니다.

회원 가입/계정 찾기 페이지 : 계정 부분 페이지입니다. 회원 가입을 하고, 계정을 잊었을 경우엔 가입 시 등록했던 이메일로 확인할 수 있습니다.

내 저널 페이지 : 내 공간에 원하는 콘텐츠(사진/동영상, 글)를 자유롭게 등록할 수 있는 페이지입니다. 신문처럼 화면에서 보이는 크기를 넘어 스크롤을 내려 업로드 할 수 있습니다.
1. Header
  - page 버튼을 통해 1면, 2면, 3면 별로 다른 느낌으로 사진을 등록합니다.
  - 다른 사람의 아이디/이름 등을 검색할 수 있습니다. 검색 키워드가 없을 시 추천 회원이 표시됩니다.
  - 로그아웃, 프로필 관리/둘러보기 페이지로 이동하는 버튼이 있습니다. 둘러보기 페이지는 추천 회원과 동일합니다.
2. Body
  - 페이지의 이름, 번호, 가입한 날짜가 표시됩니다.
  - 아래의 edit 버튼을 누르면 보기 or 편집 모드로 변경할 수 있습니다.
    - 보기 모드 : 클릭한 사진을 확대하고 상세 정보를 확인할 수 있습니다.
    - 편집 모드 : 사진의 크기와 위치를 변경합니다.
  - + 버튼을 통해 콘텐츠를 추가할 수 있습니다.
  - 아래의 edit, + 버튼은 현재 페이지가 내 저널 페이지일 때만 활성화 됩니다.

사진/동영상 확대 : 클릭하면 콘텐츠를 확대하여 볼 수 있고 상세 정보(조회수, 등록 날짜, 사진 이름)가 출력됩니다. 내 저널 페이지의 보기 모드이거나 다른 사람의 저널 페이지 방문 시 활성화 됩니다.

회원 추천 페이지 : 서비스에서 인기있는 회원을 추천합니다. (높은 사진 조회수를 가진 회원) 검색 키워드 없이 검색하거나 상단의 둘러보기 버튼을 누르면 해당 페이지로 이동합니다.
1. 이동하기 : 회원의 저널 페이지로 이동합니다.
2. 구독하기 : 회원을 구독 목록에 추가합니다.
3. 쪽지 보내기 : 회원에게 쪽지를 전송합니다.