당근 마켓 클론 코딩

프로젝트 설명

📆 기간

2024.06.10 ~ 2024.06.13 (3일간) ㅤ

🛠️ 사용기술

Frontend - React , Styled Component
Design - Figma

ㅤ

▶️ 시연영상 보러가기기

💡 왜 당근마켓인가?

심플하면서도 직관적인 디자인이 좋았습니다.
또한, 전부터 클론코딩을 해보고 싶다는 생각이 있었습니다.
그래서 이번 기회를 통해 한 번 해보자라는 계기로 시작하게 되었습니다.

1. 메인페이지

-> Header에서 각 글을 누르면 페이지 별로 이동합니다. 또한, 검색창에 입력이 가능합니다(검색은 X)

-> Google, AppStore을 누르면 다운로드 할 수 있는 창으로 이동합니다.

1.2 중고거래

-> 인기매물보기 버튼을 누르면 중고거래 페이지로 이동합니다.

1.3. 동네 생활

1.4. 알바

-> 내 근처 알바보기를 클릭하면 알바 페이지로 이동합니다.

1.5. 동네업체

-> 당근 동네업체 보기를 클릭하면 동네업체 페이지로 이동합니다.

2. 로그인 QR

-> Header에서 채팅하기 버튼을 클릭하면 이 페이지로 이동하는 구조이다.

3. 중고거래 페이지

-> 중고거래의 물품이 3행으로 정렬이 되어져있습니다.

-> 물품과 가격, 동네가 나타나있습니다.

---

😢 아쉬운 점

• 시간 부족
  - 시간이 부족해 페이지 구현이 모두 되지 않은 것이 너무 아쉬웠습니다.
  - 중간에 코드가 조금 날라가서 styled-components가 기존과 달라 화면에 보여지는 것도 달라져 그 부분이 아쉬웠습니다.
  - 어떤 부분은 반응형이고 어떤 부분은 반응형이 아닌 부분을 좀 통일 시켰으면 더 좋았을 것이라고 생각합니다.
  ㅤ

✏️ 향후계획

• 빠르게 작업하느라 코드가 정돈되지 못한 점이 매우 아쉬워 코드 리팩토링을 진행 할 것 입니다.
• 구현 못한 페이지들을 모두 구현할 것입니다.
• styled-components를 보충해서 당근마켓 페이지와 더욱 비슷하도록 수정할 것입니다.

✨ 개발을 마무리하며...

개발을 마무리하면서 좀 더 좋은 코드와 여유 있는 시간이 있었으면 더욱 좋았을 것 같다는 생각이 들었습니다. 마무리 후에도 리팩토링을 통해 비슷하게 되도록 노력하겠습니다!