[프로젝트] 웹컴파일러 사이트 React.js + node.js + MySQL

GPT의 코드 분석을 이용한 웹 컴파일러 사이트

• 팀/개인: 팀
• 맡은 파트: 프로젝트 전체 기획, 백엔드, DB 관리

사용된 기술

• 프론트엔드: React.js
• 백엔드: node.js
• 데이터베이스: MySQL
• API: ChatGPT Open API
• AI 처리: Python

지원 언어

• Java
• Cpp
• Python

프로젝트 실행화면

1. 시작화면

2. 로그인/회원가입

3. 작성 중인 코드 목록

4. 메인화면

코드 입력시 선택한 언어 옵션마다 코드 하이라이터의 색이 변함
JAVA

CPP

코드 결과 출력

입력 결과도 출력

5. GPT 결과 출력

북마크 아이콘 클릭시 GPT 코멘트가 저장됨

6. 코드 저장

다시 작성 중인 코드 목록으로 돌아가면 저장된 코드들을 확인할 수 있음

7. GPT 코멘트 북마크
각 언어별로 코멘트를 모아볼 수 있음

자세하게 확인 가능

코멘트 삭제


삭제된 모습 확인 가능