nghy97 / chatpiler

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

1. 실행을 위한 환경 구축

  • MongoDB v3.4.6
  • Node.js v6.11.1 LTS
  • Chrome, Safari, Firefox
  • terminal or cmd

2. 실행 방법

<프로젝트 실행>

  • 프로젝트를 실행하기 위해선 Node.js와 MongoDB가 설치되어 있어야합니다.
  • cmd or termianl를 이용해 Mongo Server를 켭니다.
  • cmd or terminal을 이용해 프로젝트로 이동합니다.
  • node app.js로 서버를 실행시킵니다.
  • localhost:3000으로 이동하여 프로젝트를 시작합니다.

<사용자>

  • 어느 메뉴를 누르든 일단 로그인을 해야합니다.
  • 오른쪽 상단에 있는 signup을 통해 회원가입을 진행합니다.
  • email과 nickname은 유일해야합니다.
  • 비밀번호가 같아야합니다.
  • 회원가입이 완료되면 로그인화면이 나옵니다.
  • 회원가입할 때 사용한 이메일과 비밀번호를 이용해 로그인을합니다.
  • 오른쪽 상단에 my를 누르면 세션을 통해 값을 가져옵니다.
  • email과 nickname이 나오면 세션이 유지되고 있다는 것입니다.
  • 오른쪽 상단에 signout을 누르면 세션이 종료되고 로그아웃됩니다.

<채팅>

  • 오른쪽 상단의 chat 또는 /welcome 화면의 파란색 버튼을 누릅니다.
  • 전체채팅을 위해서는 'all or nickname' 부분에 all을 입력합니다.
  • 귓속말을 하기 위해서는 상대방의 nickname을 입력합니다.
  • 엔터키 또는 send 버튼을 클릭하면 메시지가 전송됩니다.
  • 새로고침 or 재접속을 해도 마지막 채팅내역은 남아 있습니다.

<파일>

  • 오른쪽 상단의 file upload 또는 /welcome 화면의 하늘색 버튼을 누릅니다.
  • 직접 압축파일 만드셔도 되고, 제가 같이 첨부한 test 폴더 아래 있는 압축파일을 이용하셔도 됩니다.
  • upload를 클릭한 뒤, 압축파일을 업로드 선택하고 submit 버튼을 누릅니다.
  • 자신이 컴파일 하고 싶은 파일 목록을 클릭합니다.
  • 파일을 자신이 수정하고 싶은 대로 수정합니다.
  • 수정을 완료하면 ctrl + s 또는 command + s 또는 버튼을 클릭하여 저장합니다.
  • file list로 돌아와 다시 그 파일을 클릭하면 변경된 코드를 볼 수 있습니다.
  • 파일을 컴파일 하려면 compile 버튼을 누릅니다.
  • input이 필요하다면 input 안에 값을 넣습니다.
  • result 아래 결과 화면이 출력됩니다.

3. 구현된 기능들 짧게 소개

<사용자>

  • 회원가입
  • 로그인
  • 내 정보
  • 로그아웃

<채팅>

  • 전체채팅
  • 귓속말
  • 채팅내역 저장

<파일>

  • zip or tar 지원
  • 단일 파일 지원
  • 파일 리스트
  • 파일 수정
  • 파일 저장
  • 컴파일

About


Languages

Language:HTML 69.5%Language:JavaScript 30.5%