The Wayback Machine - https://web.archive.org/web/20230306122233/https://github.com/dev-redo/pro-solve
Skip to content

dev-redo/pro-solve

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

* chore: webpack production 번들 크기 최적화

webpack에서 production 환경에서 트리쉐이킹을 진행해 번들 크기를 1.13MB에서 817.58KB로 줄여 약 27.7% 감소
835368b

Git stats

Files

Permalink
Failed to load latest commit information.

프로솔브(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


지원 기능

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

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

🎞 동작 화면

성공한 문제 차트 & 표


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


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


💡 왜 만들게 되었나요?

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

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

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


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

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

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

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


기능 2. 제출한 풀이 저장

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

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


기능 3. 풀이 클립보드

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

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


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


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

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


😲 Q&A

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

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


📚 링크 & 문서