웹 컴파일러 만들기 프로젝트 - 개요

같은과 동기가 웹컴파일러를 만들자는 제안을 해서 COMI(코딩에 미치고싶다)라는 이름의 홈페이지를 만들게되었습니다

 

웹컴파일러를 만들면서 삽질했던 내용이나 헛갈렸던 내용을을 써보려 합니다~

 

 

사이트 기능 -------------

저희 사이트는 대학교 과제로 코딩한 결과와 코드를 워드로 넣어서 보낼때의 불편함과, 

중간, 기말고사때 보는 코딩테스트에서 일일히 돌아다니며 학생들 답안을 볼 때의 불편함을 해소하고자 만들어졌습니다.

 

사이트에 가입을 하면 코딩테스트 문제를 출제할 수도 있고, 방에 암호를 설정할 수 있게 만드는 것이 목표입니다.

그리고 출제자는 다른 사람들이 문제를 맞췄는지 틀렸는지 열람할 수 있습니다.

 

그림 1. 메인 홈페이지

 

메인 홈페이지 입니다. 제목에 커서가 깜빡거리면서 지워졌다 나타났다를 반복하는 것을 볼 수 있습니다. 이는 Javascript 와 CSS로 구현하였습니다. 아래에는 command 창이 존재하여 help, about, experience 등 몇가지 명령어를 입력할 수 있습니다.

 

 

그림 2. 로그인/회원가입

로그인과 회원가입 기능도 구현하였습니다. 

 

그림 3. 

아래는 제작과정입니다 ~~

 

 

다음 포스팅에서는 세부적으로 Code Level에서 설명드리겠습니다

 

1. 웹 컴파일러 제작  (링크)