TIL 60

팀프로젝트 마무리

팀프로젝트를 최종적으로 마무리를 하였고, 다행히 잘 작동하는것을 확인했습니다. 팀원분들이 다들 고생이 많으셨고, 처음에는 다들 프론트앤드까지 가능할지 의문을 가졌지만 다들 자신의 역할을 최선을 다했기때문에 만들어졌습니다. 시간은 많이 촉박했어서 주말도 같이 불태우며 만들어서 많이 친해졌고, 같이 계속 회의를 하니 서로 어느정도 하였는지 확인이 가능해서 작업하는데 수월했습니다. 프로젝트 발표 이후 좀 쉬고 나서 팀원분들과 같이 KPTF를 작성하고 강의가 들어온것을 확인했습니다. 시연영상은 저희가 시간이 촉박하여 내용이 부적절합니다..ㅎㅎ 시연영상 그리고 KTPF 는 주승님의 티스토리에서 작업하였습니다. B-4조 노력하는사이다 KTPF 4조 newsFeed 프로젝트 KPTF 회고 1. 한 주의 흐름 1) 한..

TIL/8주차 2023.07.03

팀프로젝트 css 통일, 와이어프레임 제작

수정한 사항 index.html, home.html, /home/mystyle.css, 폰트, 부트스트랩 등수정 post.html -> 타이틀 수정 , 홈버튼, 게시글 작성버튼 script 수정 post.css -> 타이틀 css 추가 wirtePost.html -> 타이틀 수정, 홈버튼, 게시글 작성버튼 script 수정 wirtePost.css -> 타이틀 css 추가 검색기능 로그인 전, 후 페이지 추가 검색했을 시, 아래 최신순 사진나오는 게시글이 검색한 내용들로 변경 검색시 css 변경(해당 div의 class에 gird를 사용) 로그인 전,후 메인페이지 css 변경 메인페이지 우측상단 좋아요순 출력 css 변경 회의 이후 수정 writePost.html, css -> 토글버튼 삭제 mystyl..

TIL/7주차 2023.07.03

팀프로젝트 주말편..(토요일

오늘 수정한 부분 내가 변경한 사항 mystyle.css postImgBox, postBottomBox, imgBox, imgBox>img postBox post firstBox index.html 좋아요 순 정렬(좋아요 순이 같을경우 최신날짜) 연결된 href 주소 변경 home.html 정렬 연결된 href 주소 변경 routes/posts.js get /posts attributes에 content추가(사진만 있는것을 골라내기 위해) get/posts/:post_id findOne에서 include Like 추가 -> 상세페이지에서도 좋아요가 나와야하기 때문에 post/post.html home() , writePost() 변경 로그인이 되지않았을때와 되있을때를 구분 detailPost.html 작..

TIL/7주차 2023.07.02

팀프로젝트..

어제 이미지 업로드가 안돼서 오늘 따로 form만 꺼내서 확인을 해보는데 키가 다르다고 해서 찾아보다 .env에 key값이 짤린걸 찾을 수 있었습니다. 그래서 성민님께 다시 키값을 받은 뒤 확인해보니 사진이 잘 저장된것을 볼 수 있었습니다. 그리고 회원가입의 모달을 form을 넣어 사진도 파일업로드가 가능하게 수정해주었고, 저장된 사진이 잘 나오는 것도 보았습니다. 하지만 회원정보 수정에서 저장된 파일이름이 나오면 좋겠는데 되지 않아 찾아보니 보안상의 이유로 불가능하다는 것을 알았습니다. 그래서 다른 방법을 찾아보다 제 생각엔 db에 저장된 파일을 불러 회원정보 수정에서 값이 없을 경우 대신 넣어주면 되지않을까 해서 시도해보았으나, 저장될땐 req.file.location으로 들어가서 다시 file에 저..

TIL/7주차 2023.06.30

팀프로젝트 반려동물 이야기 만들기

팀프로젝트 백엔드는 구현을 거의 마쳐서 보완하는 부분은 최종적으로 성민님이 맡아주셨고, 현규님도 좋아요부분을 더 보완해주신다고 하셔서 저와 주승님은 먼저 프론트엔드를 구현하기로 했습니다. 전 저번에 한 부분이 있어서 혹시 도움이 될까 주승님께 코드를 보내준뒤 아직 해결이 안된 userId값을 가져오는 방법을 구상중에 있었습니다. api.js 파일에서 require을 사용해서 models의 User를 가져오려했는데 html과 같이 사용하는 자바스크립트 파일은 사용할 수 없다고 해서 막막하던 차 계속 수업때 본 spa_mall을 보며 확인해보고 있다가 로그인 할때 OOO님 환영합니다 alret창이 떠야하는데 안떠서 뜨게하다 생각해낸게 백앤드에서 로그인을 할때 성공하면 message를 보내주는데 그것을 res..

TIL/7주차 2023.06.29

추가기능 구현

같이 추가기능을 무엇을 할지 고민하고 erd 다이어그램을 그리다 햇갈리는 부분이 있어서 승윤튜터님께 모두 다 같이 가서 질문을 하고 답변을 구해왔습니다. 저희는 토큰은 리프레시토큰도 구현하기로 했는데 구현방식이 db에 저장하고 로그인하면 저장된 리프레시토큰이 지워졌다 다시 저장되서 최근것을 가져오는 식으로 구현했습니다. 그걸 들으시고 튜터님은 다른 방식을 제시해주셨는데 그부분은 다음주 수업에 다루는 거라 일단은 이런식으로 구현하기로 했습니다. 그리고 좋아요와 댓글 구현을 하기로 했습니다. 좋아요는 주승님과 현규님이 시도해보기로 하였고, 댓글구현은 제가 맡고, 리프레시토큰은 한번 구현해본적이있는 성민님이 구현하기로 했습니다. db의 이름은 저흰 다 카멜 케이스를 사용했는데 mysql에서는 스네이크 케이스를..

TIL/7주차 2023.06.28

git push, mysql 특강

특강이 오늘 오전 10시에 한다해서 그전에 제가 맡은 부분을 push를 하려는데 되지않아 같이 성민님 화면을 보며 충돌이 일어난것을 확인하고 다같이 머지를 하는데 확인했습니다. 그리고 프론트엔드를 만들면 좋을거 같은데 어찌 접근해야하는지 아직 감이 오지 않아서 튜터님께 가보려 합니다. 특강에서는 처음부터 문제를 받았으나 배운것까지는 구현했는데 그 다음의 것을 제대로 구현하지 못해서 일단 스레드에 제출한 뒤 정답을 알려주셨습니다. 그리고 사용하는 타입에 대해서 알려주셨습니다. 튜터님이 어떻게 연결이 되있는지 원격으로 알려주셔서 어느정도 감을 잡았습니다. 그래서 프론트엔드랑 연결하는것을 하고있는 중입니다. 시도중 현재 로그인과 회원가입은 됩니다. 하지만 아직 제가 확인하고 싶었던 회원정보 수정은 되지않고 있..

TIL/7주차 2023.06.27

뉴스피드 팀프로젝트(노력하는 사이다)

먼저 오전 9시에 발제줌으로 매니저님이 팀프로젝트에 대해 설명해주셨습니다. 그리고나서 금요일 저녁부터 5조가 인원수가 적어져서 한분이 저희 팀에 들어오게됬습니다. 그래서 같이 의논을 하며 무엇을 할지 정하고 어떤 기능을 구현할지 정했습니다. 그리고 어떤 파트를 맡을지 의논하는데 조운 매니저님이 저희 팀원 중 한분이 연락이 아예 안된다고 하셔서 일단 진행하라고 하셨습니다. 그래서 마저 진행하면서 프론트앤드까지 어떻게 진행할지 회의를 마치고 각자 원하는 파트를 하기로 했습니다. 인증 미들웨어 // 혹시 모르니 구현할 때 refreshToken까지 (추후 삭제해도 되니) 내용에 이미지 넣기 & 이미지 업로드 하기 회원가입 POST --------------↑박성민님---------------- 회원정보 수정 ..

TIL/7주차 2023.06.26

lv3 과제 및 특강

과제를 진행 중 게시글을 post해야하는데 자꾸 안돼서 문제가 뭔지 찾다 몰라서 튜터님께 물어보니 우선 처음으로 낫던 json에러는 해당 body에서 작성을 잘 못한경우 나오고, 그리고 자꾸 findOne에서 오류가 나서 뭔지 몰라 찾다가 튜터님이 찾은거 같다고 하셔서 바로 갔습니다. 알고보니 mongoose를 사용해서 schema에서 user를 불러올때랑은 다르게 models에서 index파일을 거쳐야하기 때문에 자꾸 오류가 났던 것이었습니다. //아래와 같이 mongoose를 사용했을때처럼 바로 가져오면 X const Users = require("../models/user.js"); //sequelize에서는 model에서 index로 공정을 한번 거치기 때문에 아래와 같이 가져와야한다. const..

TIL/6주차 2023.06.22

nodejs_lv2 과제 시도 중

과제를 시도중 lv1과제 피드백을 받았습니다. 그래서 그 피드백을 참고해서 작성 중이던 find함수를 findOne을 사용하거나, createdAt 값을 date를 입력하지않고 schema에서 자동으로 값을 받아올수 있게 수정하였습니다. // /Schemas/post.js const mongoose = require('mongoose'); const postSchema = new mongoose.Schema({ user: { type: String, required: true, } // ...생략 }); //자동으로 createdAt, updatedAt 생성 및 현재 시간 넣어줌 postSchema.set('timestamps', true); //createdAt만 저장 postSchema.set('ti..

TIL/6주차 2023.06.21