Skip to content

Instagram 을 레퍼런스로하여 CRUD 기능을 이용해 구현해보는 토이 프로젝트입니다:)

Notifications You must be signed in to change notification settings

dorrion/Costagram

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Costagram

Instagram 을 레퍼런스로하여 CRUD 기능을 이용해 구현해보는 토이 프로젝트입니다:)

로그인, 회원가입 (Kakao Oauth)

Jan-19-2023 22-38-50 Kakao Oauth요청을 통해 로그인 성공 시, accessToken, ProfileImage, name 값을 받아오고 LocalStorage에 해당 데이터들을 저장시켜 추후, CRUD기능에 활용될 수 있도록 구현하였습니다.

댓글 등록, 삭제

Jan-19-2023 22-42-56

댓글 등록

Kakao Oauth를 통해 받은 Access Token과 함께 댓글 내용을 Body에 담아 요청하였고, react query의 mutation을 통해 post요청 후 성공했을 때, invalidatequeies기능을 사용하여 자동으로 전체 게시글에 대한 get요청이 이루어질 수 있도록 구현하였습니다.

댓글 삭제

Kakao Oauth를 통해 받은 LocalStorage의 name값과 해당 댓글의 작성자 이름을 비교하여, 같은 경우에만 삭제버튼이 활성화되게 구현하였습니다.

사진 업로드 및 캐러셀

사진업로드

kakao 지도 API, 포스팅

지도와 글쓰기

무한스크롤

무한스크롤 최종

About

Instagram 을 레퍼런스로하여 CRUD 기능을 이용해 구현해보는 토이 프로젝트입니다:)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 77.0%
  • JavaScript 22.5%
  • Other 0.5%