Skip to content

dev-redo/pro-solve

Repository files navigation

프로솔브(Pro-Solve)

Chrome Web Store Chrome Web Store Users Chrome Web Store Rating Count Chrome Web Store Ratings sync-problems License: MIT

Chrome Web Store


✨ 지원 기능

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

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

🎞 동작 화면

_.-.Chrome.2022-12-22.04-02-54.mp4

성공한 문제 차트 & 표


-._.-.Chrome.2022-10-08.22-53-49.mp4

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


-.Chrome.2022-10-20.02-01-57.mp4

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


💡 왜 만들게 되었나요?

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

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

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


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

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

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

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


기능 2. 제출한 풀이 저장

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

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


기능 3. 풀이 클립보드

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

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


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


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

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


😲 Q&A

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

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


📚 링크 & 문서