당근 마켓

사람들이 채팅을 주고받으며 중고거래를 할 수 있고, 라이브 스트리밍을 통해서 물건을 판매할 수 있는 홈페이지

배포주소

https://carrot-market-rh3l.vercel.app/

💁 프로젝트 기능

1. 팔고 싶은 제품을 등록할 수 있습니다.

2. 동네 사람들의 커뮤니티 글을 확인할 수 있습니다.

3. 판매자와의 채팅을 통해 제품 거래를 할 수 있습니다.

4. 라이브 스트리밍을 통해 제품을 판매할 수 있습니다.

✨Tech Stack✨

🔑 기술 사용 이유

1. 당근마켓 같은 경우에는 물건을 판매하는 사이트기 때문에 사람들이 해당 게시글을 많이 볼 수록 물건을 판매할 수 있는 확률이 높습니다. 따라서 검색 엔진을 최적화하기 위해서 Nextjs를 사용했습니다.

2. 처음에는 Nextjs만을 이용해서 프로젝트를 진행하려고 했지만 빠른 실시간 채팅을 위해 socket을 선택하면서 그것이 불가능해졌습니다. socket을 사용하면 vercel에서 배포할 때 문제가 있었기 때문에 socket.io를 사용하기 위해 Node.js를 이용해 서버 하나를 더 생성했습니다.

📃 화면 구성

로그인: 회원가입 후 이메일 혹은 전화번호를 통해 로그인할 수 있습니다.

홈: 판매중인 상품 리스트를 확인할 수 있습니다. 따로 찾아보고 싶은 상품이 있다면 검색할 수 있습니다.

동네생활: 현재 본인 위치 주변의 글들을 확인하고, 답글을 남길 수 있습니다. 또한 궁금한 것이 있을 때 질문글을 남길 수 있습니다.

채팅: 판매자들과의 채팅이 가능합니다.

거래: 판매자에게만 있는 거래버튼을 눌러 거래를 진행할 수 있습니다. 구매자는 해당 거래에 대해서 수락을 누른 후 판매에 대한 후기를 남길 수 있습니다.

채팅 거래: 라이브 스트리밍을 통해 물건을 판매할 수 있고, 시청자들도 스트리밍을 보면서 채팅을 남길 수 있습니다.

📈 최적화 과정

1. https://ganggangstory.tistory.com/entry/%EB%8B%B9%EA%B7%BC%EB%A7%88%EC%BC%93-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EA%B3%BC%EC%A0%951
2. https://ganggangstory.tistory.com/entry/%EB%8B%B9%EA%B7%BC%EB%A7%88%EC%BC%93-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EA%B3%BC%EC%A0%952
3. https://ganggangstory.tistory.com/entry/%EB%8B%B9%EA%B7%BC%EB%A7%88%EC%BC%93-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EA%B3%BC%EC%A0%953

💡 추후 추가/수정할 기능

• 비슷한 상품을 찾아내는 더 좋은 알고리즘 찾기
• 동네생활에서 현재 있는 지역이 어디인지 나타내주는 표시 & 카테고리에 따라 글을 남길 수 있도록 필터링 기능