이 프로젝트의 이름은 [북바오]입니다.
세종대학교 학생들에게 대학서적에 대한 금전적 부담을 낮추고, 신뢰도 높은 세종대학교 구성원과 거래하는 방식의 도서 중고 서비스 ‘북바오’ 프로젝트를 기획하였습니다.
학우들이 보다 쉽게 중고 도서를 거래할 수 있는 플랫폼을 제공함이 저희의 목표입니다.
아래 링크는 저희 서비스 배포주소입니다.
http://3.34.196.189 (현재는 배포 중단)
학사정보시스템상에 입력되어있는 세종대학교 학생의 학번과 비밀번호, 그리고 임의의 이메일주소를 입력하면 로그인이 가능합니다. 최초 로그인 시 입력한 이메일주소가 해당 북바오 계정의 이메일주소가 되며, 이후 로그인 시에 해당 이메일주소를 입력해주셔야합니다.
책 이름, 가격, 거래수단 및 사진 등이 기재된 글을 등록할 수 있는 페이지입니다. 등록한 글은 마이페이지의 글 수정기능을 통해서 수정가능합니다.
도서명을 검색하여 해당 도서 판매글을 검색할 수 있는 페이지입니다. 판매글 페이지에서는 판매글에 기재되어 있는 판매자의 이메일을 통해서 구매자와 판매자간 연락이 가능합니다.
해당 페이지 내에선 구매자가 작성한 글 수정 또는 삭제가 가능합니다. 또한 '회원정보 수정' 버튼을 클릭하면 이메일 주소를 수정하는 것이 가능하며, 수정했을 시 다음에 로그인할 때는 수정된 이메일로 로그인이 가능합니다.
src/public : favicon 이미지 및 index.html이 담겨있는 디렉토리
src/compoenents : 해당 웹에 자주 쓰이는 JS 컴포넌트 파일들의 디렉토리 (상단, 하단바 및 로그아웃 버튼)
src/hooks/useLogin.js: 페이지 별로 로그인 확인하는 커스텀 useHooks JS파일
src/images : 웹에 쓰이는 이미지 파일들의 디렉토리
src/pages : 각 페이지별 JS 파일들의 디렉토리
src/styles : 자주 사용되는 css 스타일컴포넌트 파일들의 디렉토리
src/utils/uploadS3.JS : AWS 버킷기능을 통해 도서 이미지 등록기능을 구현하는 데에 사용되는 함수 JS파일
src/apis.js : 각 페이지별 필요한 api 코드 모음
src/App.js: pages폴더의 파일들을 라우팅해주는 root 컴포넌트 파일
이 지침을 따라 로컬 머신에 프로젝트를 설정하세요.
-
Node.js 설치 Node.js 다운로드 페이지에서 운영체제에 맞는 설치 파일을 다운로드하고 설치합니다.
-
저장소 클론 터미널을 열고 다음 명령어를 입력하여 저장소를 클론합니다:
git clone https://github.com/사용자명/저장소명.git -
저장소명 폴더로 이동합니다:
cd 저장소명 -
의존성 설치 프로젝트의 의존성을 설치합니다:
npm install -
추가 패키지 설치
react-router-dom 패키지를 설치합니다:
npm install react-router-domstyled-components 패키지를 설치합니다:
npm install styled-components -
프로젝트 시작 다음 명령어를 입력하여 프로젝트를 시작합니다:
npm start
브라우저에서 http://localhost:3000으로 이동하여 애플리케이션을 확인하세요.
이 프로젝트는 MIT 라이센스 하에 배포됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.