A web page that provides functions such as member registration, login,logout, withdrawl, profile edit, bulletin board (including writing, comments, likes, scrap, and number of views), super administrator(Change of membership level and suspension of use)
우주 컨셉을 기반으로 한 회원가입, 로그인, 로그아웃, 회원탈퇴, 프로필 수정 ,게시판(글쓰기, 댓글, 좋아요 ,스크랩 ,조회수) 최고 관리자(회원 등급 변경과 이용 중지) 기능을 포함한 웹페이지
macOS 와 Windows10 운영체제에서 git을 통한 공동작업
Mysql 설치시 설정했던 아이디와 비밀번호를 빈칸에 작성하여 로그인
후술에 작성 될 .env문서에 필요
- Chrome 과 IE
각 최신버전 98에서 구동 확인
.env파일을 추가
.env에서 본인의 DB_ID와 DB_PW를 설정
- Terminal
Visual Studio Code 내 terminal에서 node server 입력
- ID, PW, NAME, NICKNAME, GENDER, NUMBER, PHONENUMBER을 입력
- ID, NICKNAME은 중복확인기능 포함
- 글 작성
- 회원가입한 회원만 이용 가능
- 일반회원은 글보기 페이지에서 자신이 작성한 글만 수정 및 삭제 가능
- 관리자 회원 및 최고관리자는 모든 회원의 글을 수정 및 삭제 가능
- 댓글 작성 및 삭제, 조회수, 좋아요(왼쪽 하단), 스크랩 기능(오른쪽 하단) 포함
- 프로필 수정, 회원탈퇴 기능 포함
- 작성글, 작성댓글, 스크랩 열람 기능
- localhost:3000/admin 으로 최고관리자 계정 접속
- 최고관리자는 회원리스트 보기 가능
- 최고관리자에게는 회원등급, 회원이용가능여부 변경 권한 부여
- 팀명 : SPACE-OJ3
- 팀장 : 오하은
- 팀원 : 장재원, 장주찬, 지정환
오하은(프론트엔드) - [email protected]
- 전체 일정 조율
- 전체 웹페이지 디자인 구상
- 모든 페이지 html, css 총괄
- nunjucks를 활용해서 html, css 작업
- 오류 및 점검사항 체크
장재원(백엔드) - [email protected]
- 커넥션 풀과 프로미스를 활용해서 데이터베이스와 연결 및 작업 진행
- 데이터베이스 테이블 스키마 제작
- 게시판 페이지 CRUD 작업
- 미들웨어를 활용해서 게시판 및 관리자 페이지 접근권한 체크 기능 제작
- 좋아요, 댓글, 스크랩, 조회수 기능 작업
- 관리자 페이지 CRUD 작업
- 회원등급변경, 회원이용가능여부 변경 기능 작업
- 프로필 페이지에서 작성글보기, 작성댓글보기, 스크랩보기 기능 작업
- 프론트엔드 서포트 (메인페이지 애니메이션 작업 -> html5 canvas 활용, 백그라운드 이미지 작업)
장주찬(백엔드) - [email protected]
- 커넥션 풀과 프로미스를 활용해서 데이터베이스와 연결 및 작업 진행
- 사용자 로그인 기능 작업
- 사용자 회원가입 기능 작업
- 프론트엔드 서포트 (마우스 커서 디자인 및 백그라운드 이미지 작업)
지정환(백엔드) - [email protected]
- 커넥션 풀과 프로미스를 활용해서 데이터베이스와 연결 및 작업 진행
- 사용자 프로필 정보 수정 작업
- 사용자 회원 탈퇴 기능 작업
- readme 파일 제작
- 프론트엔드 서포트 (프로필 페이지 애니메이션 효과, 전체 페이지 폰트 작업)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent