과제: 백엔드 API - 코드 실행, 결과 반환

[Horeng]

• 10 에서 실행, 채점, 제출 버튼에 반응하여 API 호출

• 실행 버튼 클릭 시, 학습자가 작성한 코드를 서버단에서 실행하여 그 출력물을 반환

• 채점 버튼 클릭 시, 학습자가 작성한 코드에 대해 서버단에서 과제에서 주어진 테스트케이스를 실행하고 개별 테스트 결과를 반환

• 힌트는 우선 dummy data 반환

• 제출 버튼 클릭 시, 학습자가 작성한 코드에 대해 채점을 호출했을 때와 동일한 동작 수행. 다만 출력물이 달라지는 것 뿐임

• 서버단에서 채점, 제출 API 호출시 공통적으로 수행하는 동작은 별도로 함수화 할 것

• 현 시점에서는 서버단에서 학습자코드 실행, 테스트케이스 실행은 실제로 동작하게 하되, 이 외의 데이터들(예, 힌트, 피드백)은 dummy data 사용

[Horeng]

참고자료 https://www.theteams.kr/teams/2440/post/67325 https://nextjs.org/docs/advanced-features/custom-server

https://www.npmjs.com/package/@monaco-editor/react https://github.com/rtfpessoa/diff2html#diff2htmlui-usage

[Sunwoo0110]

1. express server 구축
2. 실행: python 기반 코드 api 로 서버에 보내서 코드 실행시키고 결과값 반환
3. 채점: python 기반 코드 api 로 서버에 보내서 코드 채점시키고 테스트 케이스 결과값 반환

[Hans-0101]

1. express 기반 API 서버 제작
2. typeorm 기반 DB 연결
3. feedback을 받아온 후, delete 또는 insert 버튼 클릭시 코드가 실제로 바뀌어야함

[Hans-0101]

1. express 대신 next.js 내 백엔드 기능 활용
2. main branch 코드 기준으로 리팩토링
3. feedback -> diff 부분만 구현

[Hans-0101]

@Horeng js 기반으로 코드 리팩토링 완료했습니당 그런데 피드백 부분이 기존과 어떻게 바뀌는지 잘 모르겠어서 이 부분 알려주시면 다시 작업하도록 하겠습니다! 감사합니다