어제 한 일

• 테스트케이스 가이드라인 작성
  • Modal & Page
• 결과 페이지 레이아웃 생성
• 로그인 여부에 대한 정보를 Context API를 사용해서 전역에서 관리하도록 수정
• 채점 결과 로직 수정
  • Socket을 통해 한번에 채점 결과를 보내던 로직을 각 테스트에 대한 결과를 따로 보내는 것으로 로직 변경
• https cloudflare를 통한 적용

오늘 할 일

• 프론트엔드 소켓을 전역으로 이동

• 문제 출제 페이지 레이아웃 수정(대공사)

  

  • 문제 출제 페이지 화면을 세로로 3등분
  • 왼쪽 영역은 마크다운 에디터와 실행 결과 콘솔
  • 가운데 영역은 코드 에디터
  • 오른쪽 영역은 테스트 케이스 추가 및 버튼 리스트
    • 테스트 케이스 영역 상단부에 ? 버튼을 추가
    • ? 버튼을 누르면 테스트 케이스 가이드 라인 창이 내려옴
    • '페이지로 보기' 버튼을 클릭하면 가이드 라인 페이지가 새로운 창으로 열림

• 프론트엔드 부분의 코드 검증 부분을 참고해서 백엔드의 채점에 적용

논의사항 + 이슈

• 문제 출제 페이지 구성을 3등분으로 나누기로 확정
  • 우측 하단에 테스트 코드 부분이 너무 작은 것 같다는 이슈에 대한 피드백
• 무한 스크롤 height가 너무 낮으면 되지 않는 현상

채점시 결과와 함께 성공 및 에러코드도 같이 전송해주자(백엔드에서 에러처리를 하자)

백틱썼을때 변수를 못 읽어오는 이슈 발생!

function makeBanana() {
  // TODO: banana 만들기
  const str = 'baNaNa';
  const a = `${str}`
  return a;
}