service mongodb start- 몽고디비를 시작시켜준다.npm install && npm start- 서버실행- 프론트앤드 라이브러리가 없을경우 따로 설치하여 진행
codemirror- 다운로드 -> public/javascript/codemirrormarked- 다운로드 -> public/jvascripts/marked
- back-end
- Node.js 6.12(Language)
- express.js 4.x(frameWork)
- socket.io(채팅에사용)
- mongoose(몽고디비 관련모듈)
- multer(파일업로드 관련모듈)
- execa(자식프로세스를 위하여 사용 [코드실행, 압축파일])
- node-dir(저장된 파일과 디렉토리 구조를 한번에 표시하기위하여 사용)
- baseModule
- fs(파일업로드, 및 불러오기 관련 사용)
- path(파일 및 폴더의 경로를 불러오기위하여 사용)
- crypto(해쉬화에 사용)
- url
- mongoDB 3.2
- Node.js 6.12(Language)
- front-ent
- ejs(템플릿엔진)
- codemirror5.x(코드스타일)
- jquery
- javascript
- bootstrap4
- css
- html
- marked(markdown문법을 ejs템플릿엔진에서 불러오기위하여 사용)
- 모든기능은 로그인 이후에 사용이 가능 만약 로그인을 하지 않을 경우, 로그인창으로 이동
- 실시간채팅(몽고DB에 저장), 채팅방의 내용은 로그아웃시에도 모두 저장하도록한다.
- 채팅방 입/퇴장시 다른 사용자들에게 표시(단, 저장되지않는다.)
- 모두에게 메시지보내기(현재 접속중이지 않은 사용자도 나중에 메시지를 볼 수 있도록 모든 메시지를 저장한다.)
- 귓속말
- 귓속말의 경우 아랫쪽의 귓속말 대상의 아이디를 입력한후, 메시지를 작성한다.
- 귓속말 대상과, 본인만 볼 수 있다.
- 파일매니저
- 압축파일(.tar, .zip), 소스코드(C, C++, javascript, python)만 업로드가능
- 사용자가 업로드한 파일은 uploads/ 위치
- 허가되지 않은 파일을 업로드할 경우 에러를 발생시키도록한다.
- 소스파일 클릭시 소스의내용을 볼 수 있음
- 수정이 필요할 경우 내용을 수정후 Ctrl + S 혹은, 저장버튼을 클릭시 저장(저장과 실행은 ajax로 처리)
- 실행할경우 화면의 이동이나 리다이렉트 없이 ajax로 처리하도록한다.
- 순서: 저장 -> 실행결과
코드가 정상적으로 실행될 경우 결과값을 보여준다.
소스코드에 문제가 있을경우, 소스코드의 애러내용을 보여준다.
만약, input(stdin)이 필요할경우, 위의 input박스를 이용하여 , 를 활용하여 입력한다.
ex) 두개의 입력이 필요할 경우 input박스내에 1, 2처럼 입력한다.
- 순서: 저장 -> 실행결과
- 컴파일이 필요한 언어일경우
컴파일 -> 실행 순서로 처리한다. (단, 실행이후 컴파일된 파일은 자동으로 삭제하도록한다.) - python, js의경우 컴파일이 필요없으므로 단순 실행을한이후 결과값을 리턴해주도록한다.
- 압축파일(.tar, .zip), 소스코드(C, C++, javascript, python)만 업로드가능
config: 설정(dbHost, secretKey)을 작성database: database Connection 관련 설정middleware- chat.js
- isAuthenticated.js(세션확인)
- multer.js(파일 스토리지설정, 파일 이름, mimeType확인)를 미들웨어및 핸들러로 작성
models- mongodb의 table관련내용
public: 정적파일위치(front에서 사용하는 라이브러리)route: Controller의 기능과 database의 쿼리 기능- chatting.js: 채팅내역불러오기
- fileManager.js: 파일 업로드, 수정, 파일리스트, 코드보기
- index.js: 메인페이지, 로그인, 로그아웃, 회원가입)
- run.js: 코드실행
uploads: 파일스토리지util: crypot.js 암호화관련 유틸
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent