samjo: A JavaScript repository from Jong1co

항해 6주차(미니 프로젝트)

📆 2022. 08. 12 ~ 08. 18
🧑🏻‍💻 항해99 8기 E반 3조
BE: 장지유, 김대석, 서우혁
FE: 김영진, 한효승, 박종현

🖥 삼조전자

프로젝트 링크

삼조전자 사이트

프로젝트 설명

📢 개발자들에게 없어서는 안될 노트북, 키보드, 마우스 중고거래 사이트
❗️ 개발자들에게 인증 받은 좋은 제품들을 좋은 가격에 거래 해봅시다.

🛠 Stack

Client

Deploy

✅ Function

메인 화면(비회원)

홈페이지에 처음 접속한 모습입니다.
모든 글을 볼 수 있으나 글 작성이나 댓글 작성을 하려면 로그인을 해야합니다.
비회원이 작성하기를 누를 경우, 로그인 화면으로 이동합니다.

카테고리를 선택할 수 있습니다.

회원가입 화면

중복확인 버튼을 누르면 아래에 텍스트가 나옵니다.
비밀번호 눈 아이콘을 누르면 비밀번호를 확인할 수 있습니다.

로그인 화면

메인 화면(회원)

헤더에 로그인, 회원가입 버튼이 사라지고 로그아웃 버튼이 추가됩니다.
글 작성이 가능합니다.

상품 상세 화면

상품의 내용을 확인할 수 있습니다.
글을 쓴 본인만 수정, 삭제 버튼이 활성화 됩니다.

댓글을 작성할 수 있습니다.
댓글도 마찬가지로 본인이 쓴 댓글만 수정, 삭제가 가능합니다.

상품 작성 화면

업로드할 사진이 미리보기 됩니다.

🧭 File Directory

/src
  ├── app //리덕스 관리
  │   ├── store.js
  │   └── slice //슬라이스 관리
  │
  ├── components //컴포넌트 폴더
  │   ├── common //여러 페이지에 공통으로 들어가는 컴포넌트 관리
  │   ├── elements //전역에 사용할 엘리먼트 관리
  │   └── img //이미지 파일 관리
  │
  ├── pages //페이지 관리
  │
  ├── shared //라우터 관리
  │
  ├── utils //각종 함수 파일 관리
  │
  ├── App.js
  └── index.js

🧑🏻‍💻 FrontEnd Members

이름	담당 API
김영진	로그인 · 회원가입 · 상세페이지 조회
박종현	헤더 · 댓글 작성, 조회, 수정, 삭제
한효승	글 작성, 삭제 · 전체페이지 조회