1. AWS EC2에 React 웹 배포하기 (feat. Nginx)
in Post on 프론트엔드 삽질 여행
드디어 써보는 클라우드 기반 웹 배포
이전에 제작했던 과제 채점 웹서비스는 연구실 서버를 이용하는 온프레미스 방식이었는데,
유용한 자바스크립트 테크닉
in Post on 프론트엔드 삽질 여행
지름길을 통한 테크닉 쌓기
코드 작성 시간을 줄여주는 몇 가지 팁 (또는 트릭😁)을 정리한다.
12. 관리자 페이지 구성하기 ver.2
in Post on 프론트엔드 삽질 여행
테이블 컴포넌트 다시 만들어보기
이전 포스트에서 🔥 표시로 작성해놓은 부분을 계속 생각하다가,
11. 관리자 페이지 구성하기 ver.1
in Post on 프론트엔드 삽질 여행
데이터베이스를 굳이 보지 않고도 데이터를 찾아보자
채점자 페이지에서 가장 중요한 것은 채점된 데이터를 보기 좋게 출력해 주는 것이 아닐까.
10. 한국어, 영어 언어 선택 지원하기
in Post on 프론트엔드 삽질 여행
텍스트 번역 기능 제공하기!
프로그래밍 수업에서는 아직 한국어에 익숙하지 않은 외국인 학생들이 조금 있었다.
9. 반응형 웹 구성하기
in Post on 프론트엔드 삽질 여행
브라우저 크기에 따라 사이즈 조절하기!
웹 서비스가 어느 정도 기본기를 갖췄을 즈음, 여러 테스트를 진행했는데,
8. 채점 결과 출력하기
in Post on 프론트엔드 삽질 여행
채점이 끝났다면, 어떻게 보여줄까?
7. 토큰 인증으로 클래스 진입하기
in Post on 프론트엔드 삽질 여행
받은 토큰으로 클래스에 들어가보자.
채점 기준은 각 클래스마다 다를 것이다.
6. 채점 기준 설정하기
in Post on 프론트엔드 삽질 여행
채점 기준을 만들어 저장하고 채점에 사용하자!
토큰을 생성해 클래스를 개설하는 것까지 구현했다.
5. 토큰 및 채점 기준 설정하기
in Post on 프론트엔드 삽질 여행
채점 기준은 어떻게 만들어야 좋을까?
채점 서비스에서 채점하려면 그 기준이 반드시 필요하다.