크롬 익스텐션을 이용한 학생 출석 관리 시스템은 기존에 학생 명단을 이미 가지고 있는 상태에서 UI를 미리 설계하여 개발했습니다. 학생들의 접속 여부를 실시간으로 확인하기 위해 게더타운과 같은 플랫폼의 채팅 창 명단을 가져와 매칭하여 접속 중인 학생들의 정보를 표시하고, 이를 시각적으로 표현하기 위해 학생들의 div 박스의 배경색을 변경하는 JavaScript 코드를 작성했습니다.
알고리즘 요약:
- 크롬 익스텐션에 학생 명단을 가지고 있는 상태에서 미리 설계된 UI를 생성합니다.
- 게더타운과 같은 플랫폼을 접속하여 크롬 익스텐션을 실행합니다.
- 실행 시, 접속 중인 학생들의 채팅 창 명단을 가져와 매칭하여 해당하는 div의 백그라운드 색상을 변경하는 JavaScript 코드를 실행합니다.
- JavaScript 코드는 3초마다 반복하여 접속자 명단을 갱신합니다.
문제 발생 및 해결방안 모색: 이 방법은 다른 작업을 하려고 할 때 크롬 익스텐션이 종료되는 문제가 있었습니다. 이에 대한 해결책으로는 팝업 창을 활용하는 방법을 고려했지만, 원하는 결과를 얻지 못하여 다른 방법을 선택했습니다.
이를 해결하기 위해 더 나은 방법을 찾아야 했으며, 그 과정에서 두 번째 방법으로의 전환을 선택했습니다.
728x90
반응형