Code Monkey home page Code Monkey logo

boj-totamjung's Introduction

토탐정_배너

여러분의 건의를 더 빨리 받아들이고, 사용하기 쉬운 확장 프로그램을 만들기 위해 토탐정을 처음부터 다시 만들고 있습니다. 이에 따라 핫픽스를 제외한 건의 반영이 많이 늦어질 수 있습니다. 죄송합니다.

건의는 여전히 제 이메일인 [email protected], 또는 이슈를 통해 받으며, 하나도 빠짐없이 모두 기록하고, 신중하게 반영하도록 하겠습니다. 건의해 주셔서 감사합니다.

토탐정

토탐정은 백준 온라인 저지(BOJ)에서 사용할 수 있는 미니 확장 프로그램입니다! 알고리즘 학습자를 위해 알고리즘 분류와 관련된 기능을 제공합니다.

기능

  • 알고리즘 분류를 공개하기에 앞서, 내가 알고 있는 알고리즘만을 이용하여 풀 수 있는 문제인지를 확인해 볼 수 있습니다.
  • 알고리즘 분류를 공개할 수 없도록 일정 시간 동안 잠글 수 있습니다.
  • 색다른 느낌을 주는 토탐정 테마를 사용할 수 있으며, BOJ에서 기본 제공하는 폰트 외에도 다양한 폰트를 취향에 맞게 사용할 수 있습니다.
  • 더욱 편리한 문제 추첨(랜덤 디펜스) 기능을 제공합니다.

추천

아래의 학습자분들께 추천합니다.

  • 내가 배운 알고리즘들로만 구성된 문제를 풀고 싶은데, 풀 수 있는 문제인지 확인하려고 알고리즘 분류 스포일러를 당하고 싶지 않으신 분
  • 충분한 시간을 고민하지 못 하고 알고리즘 분류를 자주 공개하시는 분
  • 예쁜 테마와 다양한 폰트를 사용하고 싶으신 분
  • 문제 추첨(랜덤 디펜스)을 통해 문제풀이를 연습하시는 분

미리 보기

알고리즘 기능

설정

테마

테마를 적용한 이미지들은 여기에서 더 열람하실 수 있습니다.

설치 방법

Chrome 웹 스토어에서 설치하기

여기를 눌러 웹 스토어로 이동할 수 있습니다.

수동 설치하기

  1. Chrome 브라우저의 우측 삼단바 메뉴 - 도구 더보기 - 확장 프로그램 메뉴를 클릭합니다.
  2. 개발자 모드 를 켜고, 압축해제된 확장 프로그램을 로드합니다. 버튼을 클릭합니다.
  3. 다운로드 받은 파일에서 totamjung 폴더를 선택합니다. 토탐정 다운로드는 깃허브에서 Code를 클릭하고, Download ZIP을 클릭하시면 됩니다.

사용 방법

가이드 페이지 를 참고해 주세요!

참고한 레퍼지토리

오류를 찾으셨나요? 건의하시고 싶은 기능이 있나요?

문제가 있거나, 건의하고 싶은 사항이 있으시다면, 언제든지 문의해 주세요!

토탐정을 이용해 주셔서 감사합니다!

boj-totamjung's People

Contributors

junah201 avatar wzrabbit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

boj-totamjung's Issues

티어 가리개 기능 구현하기

이슈 내용

본 이슈에서는 티어 가리개 기능을 구현하고자 합니다.

  • 티어 가리개 기능은 solved.ac의 "문제 난이도 경고" 와 동일한 기능으로, 사용자가 문제를 풀지 않았다면 해당 문제의 티어를 가리고, 그 대신 사용자의 실력에 맞지 않는 매우 어려운 문제를 마주칠 것을 대비하여 어려운 문제가 있을 경우 경고하는 기능입니다.
  • 솔브드와 다르게, 토탐정에서는 사용자가 직접 자신이 생각하는 어려운 문제의 난이도를 설정할 수 있습니다.
  • solved.ac에는 이러한 기능이 자체적으로 제공되므로 본 기능이 필요 없습니다. 그러나, BOJ에서는 티어를 가리는 기능만 존재할 뿐, 어려운 난이도의 문제에 대해 경고해 주는 기능이 없어 , BOJ에서도 솔브드의 기능을 유사하게 사용할 수 있도록 토탐정에서 이를 구현하고자 합니다.
  • 본 기능은 확정된 기능이 아니며, 기술적으로 구현이 불가능할 경우 취소되거나 v1.2 이후의 시점으로 미뤄질 수 있습니다.

체크리스트

  • 사용자가 어려운 문제의 난이도를 정할 수 있는 기본 드롭다운 메뉴 컴포넌트를 구현
  • 서비스 워커에 사용자가 고른 난이도를 저장하고 불러올 수 있는 기능을 구현
  • 드롭다운 메뉴 컴포넌트를 포함하는 폼 컴포넌트를 구현
  • 설정 페이지에서 최종적으로 해당 기능을 사용할 수 있도록 구현
  • 컨텐트 스크립트 및 CSS에서 최종적으로 해당 기능이 작동하도록 구현

참고 자료

  • Powerpoint로 급조한 UI입니다.
    image

설정 내보내기, 불러오기 기능 요청

설정한 옵션 및 추첨 쿼리가 초기화되는 일이 간혹 있는데, 매번 재설정하기가 너무 번거롭습니다 ㅠㅠ

알고리즘 설정, 문제 추첨 설정을 텍스트 파일로 내보내고, 내보낸 텍스트 파일을 읽어들여 설정을 복구할 수 있는 기능이 추가된다면 매우 유용할 것 같습니다!

GUIDE.md 페이지의 링크 오류

GUIDE.md 첫번째 줄의 README 링크 주소로 접근하면 404 - page not found 에러가 발생합니다.

이 페이지는 토탐정의 기본적인 사용법을 설명합니다. 설치 방법은 README 페이지를 참고해 주세요.

이를 현재 README의 주소인 https://github.com/wzrabbit/boj-totamjung/blob/main/README.md 로 수정하면 좋을 것 같습니다.

토탐정 신규 설치 시 나오는 페이지인 만큼, 중요한 오류라고 생각하여 건의하게 되었습니다.

랜덤 디펜스가 작동하지 않는 문제

안녕하세요,
solved.ac 보안 설정이 변경됨에 따라, solved.ac 비공식 API 의 정보를 solved.ac 를 제외한 도메인에서 브라우저 요청 시 CORS 에러가 발생합니다.

이로 인해 토탐정의 랜덤 디펜스 기능이 작동하지 않고 있습니다. 현재 해결 방법을 찾아보고 있습니다.
문제가 해결되거나, 문제 해결이 불가능한 경우 여기에 추가로 적어두도록 하겠습니다.

불편을 드려 죄송하며, 랜덤 디펜스는 학습하시는 분들께 있어 중요한 기능이므로 가능한 한 빠르게 해결해 보도록 하겠습니다.

테마 적용 시 CodeMirror 에디터 가시성 문제

토탐정 테마를 켜면 CodeMirror 에디터 사용에 불편한 점이 있습니다.

"블로그 글 쓰기" , 문제 하단 "메모 작성하기" 공통

커서가 검정색이라서 잘 보이지 않는 문제

스크린샷에서는 사이에 커서가 있습니다.
image

블록 지정하면 글자가 보이지 않는 문제

image

"블로그 글 쓰기"

태그는 화이트 테마 그대로인 문제

image

구글 폼에는 스크린샷 첨부가 안 돼서 이슈로 올렸습니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.