과제: 코딩 페이지

[Horeng]

• 다음 스크린샷과 동일하게 구현
• 문제, 제한사항, 테스트케이스 항목은 DB에서 읽어와서 띄우기
• 채점결과, 힌트, 성적, 해결방안, 답안비교 항목의 경우 우선 dummy data로 GUI 구현. 추후 과제: 백엔드 API - 코드 실행, 결과 반환 #11 기능 구현 되면 연동 작업 진행하기

[bwj2800]

프론트 구현

1. 문제, 제한 사항, 테스트케이스란 구현 (일단 정적으로, 백엔드쪽에서 방법 정해지면 DB 연결)
2. 코드 작성 칸, 실행, 채점, 제출 버튼 구현
3. 채점 결과, 힌트, 성적, 해결 방안, 답안 비교란 틀 제작

[bwj2800]

진행 중인 컴포넌트:
header, problem, testcase, codingbox, execution result
->레이아웃 완성, 전부 80%정도 완료됨 (1, 2번 진행중)

남은 작업:
채점결과, 힌트, 성적, 해결방안, 답안비교(3번 미완료)

[bwj2800]

1. 채점 결과와 성적란의 차이가 무엇인가요?
2. 채점 결과에서 테스트케이스 앞에 있는 숫자와 입력값, 출력값의 의미가 무엇인가요?

[Sunwoo0110]

1. 채점 결과와 성적란의 차이가 무엇인가요?
   제가 이해하기로 채점 결과란은 채점 버튼 눌렀을 때 나온 결과값이고, 성적란은 제출 버튼 눌렀을 때 나온 결과칸입니다.

2. 채점 결과에서 테스트케이스 앞에 있는 숫자와 입력값, 출력값의 의미가 무엇인가요?
   저도 모르겠습니다...

[bwj2800]

@Horeng
main에 올려주신 baseline 코드 실행하니 db연결 문제인지 에러가 나는데, 제가 수정해서 사용해야 하는 부분이 어디인지 알려주실 수 있을까요? assignment가 저장되어 있는 mongodb를 제가 새로 만들어서 사용해야 하나요?

[Horeng]

@bwj2800
음.. DB 연결 정보는 .env.local 을 수정하면 되긴한데요
특별히 연결정보가 필요한 설정들은 아닌거 같아요
혹시 에러 메시지 좀 확인할 수 있을까요?
아니면 DB('cheppy')는 새로 만들어둬야할 수도 있겠네요
그리고, assignment 콜렉션은 add assignment 화면에서 저장 누르면 자동으로 생성 될거에요

[bwj2800]

@Horeng
예전에 만들어뒀던 db로 env파일의 uri바꾸니 해결되었습니다! 감사합니다.