Projects/노드레인저 - 축스피드 (team)
-
축스피드 프로젝트 5 완성Projects/노드레인저 - 축스피드 (team) 2023. 7. 3. 22:29
1-1. 팀명 : 노드레인저 팀장 : 이승현 팀원 : 오태환, 방두현, 이상우, 김민준 1-2. 프로젝트명 : 축스피드 1-3. 프로젝트의 목적 또는 기능 축구관련 기사를 해외축구, 국내축구로 나누어 업로드하고 공유할 수 있는 것이 목적 튜터님께 받은 피드백 " - 종합의견 프로젝트 설명이 너무 부족해서 내용을 정확히 알기가 힘드네요. 지금 제공된 자료만 보아서는 뉴스피드에 좋아요 대신 신고 기능이 추가된 결과가 나올 것 같네요. 신고기능을 추가할거면 이 기능이 후에 어떤식으로 동작할지에 대한 기대값을 적어주세요. 예를 들어 신고가 10번이 누적되면 게시글이 블라인드 처리된다거나 하는 기능이 있을 것 같네요. 그리고 이건 제 욕심이지만 필수구현기능을 지키면서 아이디어를 조금 더 확장시켜 나가봅시다. 우선..
-
축스피드 프로젝트 4 게시글 생성, 수정, 삭제 (프론트엔드)Projects/노드레인저 - 축스피드 (team) 2023. 7. 3. 19:26
사실 여태껏 우리가 배웠던 건 백엔드에서 몽고디비든, MySQL이든 서버에 저장하는 것만 했고, 그걸 프론트에서 연결하는것은 해본적이 없었다. 그저 CSS만들고 로컬스토리지를 활용한 바닐라자바스크립트 구현이 내가 해본 허접한 프론트엔드가 있는 CRUD구현의 전부였다. 그래서 프론트를 만들기가 막막했다. 특히 텍스트가 아닌 이미지형식의 파일와 radio타입의 버튼클릭을 한 카테고리 설정 (두개 또는 여러개 버튼중 하나만 선택하고 그 값만 가져오기)도 있어서 더 그랬다. 첫번째방법은 따로js파일을 연결시켜 Fetch문이나 Ajax등을 활용하는 것이었고, 두번째 방법은 html내에서 form태그를 쓰는 것이었다. 전자로 먼저 했으나, Ajax로 이미지저장만 단독으로 할순있겠으나 그것을 타이틀, 컨텐트, 카테고..
-
축스피드 프로젝트 3 (Multer S3 라이브러리 사진 업로드)Projects/노드레인저 - 축스피드 (team) 2023. 7. 3. 18:23
multer 라이브러리를 활용해 백엔드에서 사진업로드를 했고, 프론트엔드에서는 form태그를 이용했다. DB저장할때 multer라이브러리 S3를 통해서 이미지를 http url 경로로 저장하도록 했고 그 경로를 데이터 베이스에 저장하고 select 해와서 이미지태그에 넣어준다. 하지만 이미지 삭제 시, 그냥 DB만 날아가고 그래서 s3는 이미지가 그대로 남아있다. multer S3에 보면 딜리트라는 메서드가 있는데 삭제부분까지는 마저 구현을 못했다. Multer 라이브러리 https://www.npmjs.com/package/multer-s3 multer-s3 Streaming multer storage engine for AWS S3. Latest version: 3.0.1, last published..
-
축스피드 프로젝트 2 게시글 생성, 수정, 삭제 (백엔드)Projects/노드레인저 - 축스피드 (team) 2023. 7. 3. 18:01
오늘은 기존 개인과제를 토대로 해서 백엔드(router)에서의 기본 뼈대를 만들었다. 내가맡은 역할은 게시글 생성, 수정, 삭제, 백엔드 및 프론트엔드였다. 저번 과제와 다른 점은, 저번 과제는 유저로부터 입력받는 모든 값이 텍스트였던 반면 이번엔 카테고리설정 및 이미지파일 첨부도 하기로 했다. Models 스키마에 News와 User를 넣고 각각 컬럼을 만들어서, 그에 받는 값을 request받게 했다. 아래는 코드 전문. middlewares 폴더에 사용자인증미들웨어 (Auth-middleware)와 사진업로드 미들웨어(upload-middleware)를 구현했고, 두개를 상단에 변수선언하고 게시글 생성의 라우터 콜백함수에 넣었다. (게시글 수정에서 끝내 사진업로드는 구현하지는 못했다. 사진업로드 미..
-
축스피드 프로젝트 1 역할분배, 와이어프레임, ERD, API 명세Projects/노드레인저 - 축스피드 (team) 2023. 7. 3. 17:51
뉴스피드 프로젝트 내용: https://teamsparta.notion.site/Chapter-3-3-Node-js-75427dbb0ab94065ab7e8f4075e178d1 Chapter 3-3 Node.js 뉴스피드 프로젝트 Intro: 뉴스피드 프로젝트 teamsparta.notion.site 조장 : 승현님 조원 : 나, 민준님, 태환님, 두현님 프로젝트명 : 축스피드 프로젝트 설명 : 국내외 축구 소식을 확인할 수 있는 뉴스피드 제작 프로젝트 역할 분배 1. 메인페이지 (게시글 목록 역활) + 로그인 기능 - 두현님 2. 회원가입 페이지 + 프로필 페이지 (수정기능 탑재) - 민준님 3. 게시글 작성 페이지 (댓글 기능 추가 X) + 게시글 삭제, 수정 페이지 - 나 4. 게시글 출력 페이지 -..