본문 바로가기

전체 글

 (26)
내일배움캠프 2022.05.04 TIL 인스타그램 클론 코딩 팀 프로젝트 오늘은 API 문서 작성을 하고, 튜터님의 피드백을 받아 DB 문서를 조금 수정하였다. 또, 메인 페이지의 프론트 엔드 부분을 조금 만들어 보았다. 튜터님께서 하나의 DB에 너무 많은 정보를 담으면 안 된다고 하셔서 Users에 있던 Followers와 Followings를 다른 하나의 DB로 빼냈고, 마찬가지로 Posts와 Comments의 Likes도 다른 DB로 빼냈다. 작은 프로젝트일 경우 별 문제 없을 수도 있지만, SNS의 특성 상 유명인의 경우 하나의 사람이 너무 많은 정보를 갖게 될 수도 있다고 하셨다. 그 점에 주의하여 다시 DB를 설계하였다. DB 설계 수정본 Follows와 Likes를 따로 가지고 있기는 하지만, 마이페이지에서 팔로우 수, 팔로잉 수..
내일배움캠프 2022.05.03 TIL 인스타그램 클론 코딩 팀 프로젝트 오늘부터 본격적으로 인스타그램 클론 코딩 프로젝트를 팀 프로젝트로 진행했다. 지금까지는 인스타그램의 메인 페이지를 UI만 클론 코딩했다면, 이번엔 기능까지 구현하며 메인 페이지 이외의 페이지들도 구현해야하는 것이 과제이다. 백엔드를 프로젝트로 제대로(?) 진행해보는 것은 처음이라 긴장되기도 했고 기대되기도 했다. 우선 오늘은 팀원들과 기획을 열심히 했다. 기능 서술 1. 로그인 페이지 사용자 이름(이메일), 비밀번호를 입력할 수 있다. 해당 사용자 이름(이메일)과 비밀번호가 일치하는 정보가 있으면 로그인이 가능하다. 해당 정보가 없다면 불일치하다는 alert 창이 띄워진다. 회원가입 페이지로 이동 가능하다. (+@: 사용자 이름(이메일)/비밀번호 찾기, sns 로그인) ..
내일배움캠프 2022.05.02 TIL 인스타그램 UI 클론 코딩 프로젝트 오늘은 인스타그램 UI 클론 코딩 프로젝트의 마지막 날이다. 오늘은 댓글을 보여주는 부분, 댓글을 다는 부분, 친구 추천 부분을 구현하였다. 또, 원래 사진을 더블클릭하면 좋아요가 눌리는 기능을 구현하였는데, carousel에 이가 적용되지 않아 고민이었었던 것을 오늘 해결했다. 사진과 carousel의 z-index 값을 조정하여 carousel에 ondblclick=함수() 기능을 추가함으로써 이를 해결하였다. 좋아요를 누른 사람 수를 클릭하면 팝오버창을 열어 누구누구가 눌렀는지도 볼 수 있는 기능과 피드 오른쪽 위의 ... 아이콘을 누르면 더보기 모달을 여는 기능도 추가하였다. 댓글 댓글 입력 친구 추천 좋아요 누른 사람 팝오버 더보기 모달 전체 모습 평가 사이트..

티스토리툴바