축스피드 프로젝트 5 완성

노드레인저 ppt.pptx

1.00MB

1-1. 팀명 : 노드레인저

팀장 : 이승현

팀원 : 오태환, 방두현, 이상우, 김민준

1-2. 프로젝트명 : 축스피드

 

1-3. 프로젝트의 목적 또는 기능

축구관련 기사를 해외축구, 국내축구로 나누어 업로드하고 공유할 수 있는 것이 목적

 

튜터님께 받은 피드백

" - 종합의견
프로젝트 설명이 너무 부족해서 내용을 정확히 알기가 힘드네요.
지금 제공된 자료만 보아서는 뉴스피드에 좋아요 대신 신고 기능이 추가된 결과가 나올 것 같네요.
신고기능을 추가할거면 이 기능이 후에 어떤식으로 동작할지에 대한 기대값을 적어주세요.
예를 들어 신고가 10번이 누적되면 게시글이 블라인드 처리된다거나 하는 기능이 있을 것 같네요.
그리고 이건 제 욕심이지만 필수구현기능을 지키면서 아이디어를 조금 더 확장시켜 나가봅시다.
우선 3조의 아이디어는 '축구' 뉴스피드 입니다. 저는 속도가 생명이라고 생각되는데요.
시간이 부족해 조금 무리일수도 있지만 만약 저라면 실시간 뉴스피드를 만들어보고 싶네요.
뉴스피드가 생성될때 실시간으로 유저가 확인 할 수 있는 기능말이죠!

 

Node.js Lv.3 API (notion.site)

Node.js Lv.3 API

 

메인 화면. 국내축구, 해외축구 두 가지의 카테고리로 나뉘고, 전체는 최신순으로 클릭해서 정렬 가능.

로그인하지 않은 채로 좌측상단의 Write를 누르면 로그인후 이용 가능하다고 나오게 했고,

signUp을 눌러 회원가입할수 있도록 했다. ID, 비밀번호, 비밀번호 재확인, 이메일인증(구현 못함), 이름, 닉네임, 나의 한마디를 입력해야 한다. 아이디와 비밀번호, 비밀번호 재확인에는 정규식이 걸려 있다.

 

로그인을 하면 우측상단에 접속중인 id가 나온다. 로그아웃버튼누르면 토큰값 삭제하고 로그아웃된다.

메인화면 (게시글 화면)에서 접속중인 아이디 (내아이디)를 클릭하면 수정할 수 있다.

 

정보를 변경하고 싶다면 비밀번호를 넣어서, 내 정보의 아이디와 이름을 조회할 수 있고,닉네임, 나의 한마디, 비밀번호를 변경할 수 있다. 그냥 내 정보 조회시에는 닉네임, 가입일, 남김말(나의 한마디)만 조회된다.

 

게시글 생성.

내가 만든 파트다. 메인페이지에서 우즉 write를 누르면 게시글을 생성할 수 있다. 제목, 내용, 사진업로드, 카테고리설정 (국내축구, 해외축구)을 할 수 있다. 파일선택은 좌측하단의 버튼을 사용할 수 있으며, 사진업로드는 multer S3를 이용했다.

 

그리고 게시글을 등록하고 나면 자동으로 메인페이지 (게시판페이지)로 이동된다.

여기서 내가 게시한 글을 선택하면 다음과같은 게시글 상세페이지가 나온다. 제목, 작성자, 작성일, (수정한 경우 수정일), 이미지와 내용이 나온다. 한 화면에 나오게 하려고 크기를 줄였는데 댓글기능은 게시글 상세페이지 안에서 구현했으며, 댓글은 본인이 쓴 글의 경우 수정 및 삭제가 가능하다. 신고 기능도 만들었는데, 신고를 5번 각각 다른 유저들로부터 받으면 자동삭제가 되도록 구현했다. 

 

그리고 내가 쓴 글의 경우 수정과 삭제 버튼도 게시글 좌측 상단에 만들었다. 삭제하면 바로 삭제되고, 수정하면 두번째 캠쳐화면이 나온다. 수정의 경우 사진업로드 기능은 구현하지 못했고, 제목, 내용, 카테고리 선택만 구현했다.

 

그러면 아래처럼 수정된 글이 나온다. 마지막으로, 게시글에 한명의 유저당 좋아요 1개가 클릭될 수 있도록 구현했다.

 

깃헙주소

https://github.com/sangwoorhie/newsFeed.git

GitHub - sangwoorhie/newsFeed

https://github.com/othwan410/newsFeed

GitHub - othwan410/newsFeed