프로솔브(Pro-Solve)

✨ 지원 기능

프로솔브는 크롬 브라우저에서만 이용할 수 있습니다.

성공한 문제 차트	성공한 문제 표
풀이 저장	풀이 클립보드

🎞 동작 화면

https://user-images.githubusercontent.com/69149030/208983900-57fd1ad7-03f8-4345-ace4-cba6adaf4b09.mp4

성공한 문제 차트 & 표

https://user-images.githubusercontent.com/69149030/194714332-ec61e267-1d86-42e3-89ee-93de7ef969ad.mp4

제출한 풀이 저장 및 보여주기

https://user-images.githubusercontent.com/69149030/196757224-1fd436c6-cef2-45b7-931f-d216c19c3ae3.mp4

다른 사람 풀이 페이지의 코드 클립보드

💡 왜 만들게 되었나요?

기능 1. 성공한 문제 차트 & 표

현재 프로그래머스는 푼 문제 정보를 확인하고 일정 기준을 통해 정렬하기 위해 select 박스를 이용할 수 있습니다.

현재 프로그래머스의 모든 문제 페이지

좋은 기능이지만 유저가 각 레벨 문제를 몇 개(퍼센트) 풀었는지 확인하기 위해 select 박스를 하나하나 클릭해 계산해야 하는 번거로움이 있습니다.
그래서 백준의 solved.ac를 레퍼런스 삼아 성공한 문제 Chart와 표를 만들었습니다.

Chart는 유저가 각 레벨 문제들을 전체 중 몇 개(퍼센트) 풀었는지, 레벨 비율은 어떤지를 확인할 수 있습니다.

표는 난이도와 완료한 사람, 정답률을 기준으로 정렬한 성공한 문제 list를 확인할 수 있습니다.

유저가 성공한 문제 정보를 받아오기 위해서는 프로그래머스 로그인이 필요합니다.
따라서 로그아웃된 상태일 시 로그인을 하게끔 alert를 띄워주고 있습니다.

기능 2. 제출한 풀이 저장

현재 프로그래머스는 각 언어의 성공한 첫 풀이만을 사용자에게 보여주고 있습니다.

이 점이 아쉬워 사용자가 프로그래머스 문제 풀이 제출 시 저장을 하고 보여주는 기능을 구현하였습니다.

기능 3. 풀이 클립보드

현재 프로그래머스는 다른 사람의 풀이 페이지에서 코드 클립보드 기능을 제공하고 있지 않습니다.

현재 프로그래머스의 다른 사람 풀이 페이지

코드가 길 시 드래그를 하며 복사하기 힘들어 클립보드 기능을 구현하였습니다.

🙋‍♀️ 어떻게 사용할 수 있나요?

프로솔브 익스텐션의 각 기능을 어떻게 이용할 수 있나요? 아래 문서들을 확인해주세요!

• 성공한 문제 차트 & 표 기능 사용법
• 제출한 풀이 저장 기능 사용법

😲 Q&A

프로솔브 익스텐션을 이용하다가 궁금하신 점이 생기셨나요?

Q&A 문서를 참고해주신 다음, 해당 문서에 존재하지 않는 질문일 시 이슈를 남겨주세요

📚 링크 & 문서

• 전체 문제 저장소
• 개발 회고록
• 트러블슈팅