project appearence안 써본 스택들을 총망라하여 개발해봤다. 오로지 공부를 위해서였다.지금 소개하고자 하는 Simple-SNS는 간단한 SNS 글 작성 CRUD를 구현해본 것이다.글 작성만 구현한 것이라 별다른 인증없이 한 사람이 글을 작성하고 수정하고 삭
Blob 이라고 하는 개념이 궁금했다. 과제 중 갑자기 툭 튀어나와서 "url로 바꾸면 보여요"라길래 허둥지둥 바꿔서 출력했더니 신기하게 이미지가 떴다. 하지만 아직 제대로 Blob을 알고있는 것은 아닌 것 같아 친해져보고자 진행하던 프로젝트에 적용해봤다. 현재 진행중
클라이언트에서 이미지 미리보기, 그리고 메시지 작성까지 구현이 완료되고 욕심이 생겼다. SNS이기 때문에 이미지를 저장하여 보여주는 것은 당연히 구현되어 있어야 한다고 생각했다. 업로드한 이미지를 다른 사람들도 서버에 요청을하여 이미지를 볼 수 있는 기능을 제공하기 위
react router웹서비스에서 여러 기능을 제공하다보면 한 화면에 모든 것을 제공하기 힘들 때도 있다. 그리고 사용자에게도 비좁은 화면에서 꾸역꾸역 기능을 제공하기보다는 넓은 화면에서 새롭게 기능을 제공하는 것이 더 편하게 느껴질 수 있다.지금 진행하고 있는 프로젝
몽고DB를 이용하여 프로젝트를 진행하다가 데이터 모델을 바꾸게 되었다. 하지만 현재까지 더미로 만든 데이터들을 삭제하는 것보다는 유지하여 사용하는 것을 택하기로 하였다.하지만 모델이 변경되면서 사용하지 않는 필드가 생겼으니, 이 필드와 필드값만 삭제시켜주기로 했다.
detail demo올려진 게시물에 답글 혹은 댓글을 작성하고, 메시지 상세 화면에서 확인할 수 있게 구현하려고 했다. 이 과정에서 React Router를 주요하게 사용하였다.Detail.js위의 코드에서 살펴볼 것은 useParams 사용이다. useParams를
메시지 디테일 페이지를 만들고 난 이후에 문제가 생겼다. 메시지를 수정할 때 생기는 구역을 눌렀을 때 원치 않는 클릭 이벤트가 발생하는 것이다. 메시지 수정이 거의 불가능할 정도의 큰 버그여서 해결해보기로 했다. 메세지의 내용이 들어가 있는 부분을 누르면 디테일 페이지
SNS에 작성된 모든 컨텐츠를 한꺼번에 요청을 하게 된다면 클라이언트의 뷰에 업데이트를 할 때 렌더링 되는 데 시간이 걸리게 된다. 또한 서버에서도 한 번에 많은 데이터를 보내야 하기 때문에 부하가 생긴다. 사용자 입장에서도, 그리고 서비스 제공자 입장에서도 한 번에
현재 "Simple SNS" 프로젝트는 axios 라이브러리를 이용하여 클라이언트에서 서버로 데이터를 요청하여 받고 있다. 하지만 XMLHTTPrequest나 fetch를 사용할 때도 마찬가지로 서버에 요청을 하기 위해서는 우선 서버 URL이 필요하다.