Project information
- 사이트 소개: 카카오톡을 모델링한 다기능 SNS 사이트입니다.
- 핵심 기능: 채팅, 쇼핑/결제(카카오페이 api), 친구추가, 게시판(CRUD가능), 네이버TV 크롤링, 뉴스/날씨 api, 프로필 설정(수정), 회원가입/로그인
- 프로젝트 기간: 2021.4.22 ~ 2021.5.6
- 제작 인원: 2명
- Node.js, React, Express, MongoDB, multer, oracle(free-tier) HTML, CSS(+SCSS)
- Project URL: 132.226.224.160:3000/
기술 문서
Backend
oracle free-tier를 이용한 웹 호스팅
express-generator 백엔드 구성
mongoDB, mongoose 사용
.env로 개인정보 보호
bcrypt 비밀번호 암호화
jsonwebtoken으로 토큰 활용
클라이언트 쿠키에서 토큰을 가져와 auth 처리
socket.io를 통한 개인채팅 연결
cheerio-httpcli 네이버TV 크롤링
카카오페이 api(결제준비 결제 승인 주문내역조회)
CRUD 가능 게시판
프로필 수정 - multer를 이용한 사진 업로드
회원가입/로그인 중복 방지
Frontend
redux - 액션 리듀서 사용
ant-design, material 라이브러리 사용
미확인 채팅 알림
날씨 api 사용
auth 처리 여부에 따라 접근 가능한 컴포넌트 설정
작성자 본인 여부에 따라 권한 설정
회원가입/로그인 유효성검사
전화번호 하이픈 자동입력
친구추가 중복 방지