Giter VIP home page Giter VIP logo

boj-helper's Introduction

BOJ HELPER 백준 헬퍼

demo site screenshot

홈페이지

https://boj-helper.vercel.app

소개

백준 사이트의 문제 번호를 입력하면 프로그래머스 스타일로 문제를 풀 수 있습니다.
즉, 하나의 창에서 문제를 보며 코드를 작성하고 테스트 케이스도 확인해 볼 수 있습니다.
또한 여러 부가 기능으로 문제 푸는 데 도움을 받을 수 있습니다.

시연 영상

https://www.youtube.com/watch?v=X5pdJCYOxuc

Video Label

기능

작성한 코드 테스트

코드를 작성하고 코드 실행 버튼을 클릭하면 각 테스트 케이스에 대하여 성공, 실패, 에러 상태를 알려줍니다.

demo site screenshot

demo site screenshot

demo site screenshot

테스트 케이스 추가

백준 문제에 나와 있는 입력, 출력 예시는 자동으로 테스트 케이스에 추가됩니다.
테스트 케이스 추가 버튼을 눌러 직접 테스트 케이스를 추가할 수도 있습니다.

demo site screenshot

demo site screenshot

문제 저장

나중에 다시 보고 싶은 문제들을 저장할 수 있습니다.
분류, 난이도를 선택할 수 있으며 다시 풀기를 체크하면 문제 연습 페이지에서 다시 풀어볼 수 있습니다.
저장한 문제들은 문제 저장소 페이지에서 확인할 수 있습니다.
문제 저장 시 코드도 같이 저장되며, 다음에 같은 문제를 방문했을 때 전에 저장한 풀이를 볼 수 있습니다. (왼쪽 하단의 저장된 풀이 버튼 클릭)

demo site screenshot

demo site screenshot

demo site screenshot

demo site screenshot

코드 스니핏 추가

문제를 풀 때 자주 사용하는 코드 스니핏들을 저장하고 문제를 풀 때 참고할 수 있습니다. (문제를 풀면서 추가도 가능합니다.)

demo site screenshot

demo site screenshot

demo site screenshot

문제 다시 풀어보기

저장한 문제들을 다시 풀어볼 수 있습니다. 난이도와 분류를 선택할 수 있으며 해당하는 문제들이 랜덤 순서로 나옵니다.
오른쪽 상단의 다음 문제 버튼을 클릭하면 다음 문제로 넘어갑니다.

demo site screenshot

demo site screenshot

스톱워치

문제 푸는 시간을 잴 수 있습니다.
추후에 정해진 시간이 소요되면 알림을 주는 타이머 기능도 추가하겠습니다.

비슷한 문제

왼쪽 상단에 현재 문제와 비슷한 문제들을 보여줍니다. (백준에서 제공하는 경우)

demo site screenshot

반응형 디자인

작은 창 크기나 디바이스에서도 이용할 수 있습니다.

demo site screenshot              demo site screenshot

지원 언어

현재 지원 언어

  • Python3
  • JavaScript

추후 예정

현재는 사용자 코드를 돌리기 위한 서버를 따로 두지 않고 사용자의 브라우저에서 코드를 실행하고 있습니다. (파이썬 코드는 Pyodide를 이용합니다.)
Judge0를 사용하여 많은 언어를 지원할 수 있지만 자본 문제로 당장은 힘들 것 같습니다.
사용자가 많이 늘어나면 하루에 일정 시간이라도 서버를 돌려 다른 언어들도 지원해 보도록 하겠습니다. (이미 코드는 작성되어 있습니다.)

주의 사항

현재 사용자 코드는 브라우저에서 실행되므로 JavaScript의 stdin을 받아올 때 파일 시스템을 사용할 수 없습니다.
아래 코드는 복사하여 백준 사이트에 제출하기 편하도록 하기 위한 겉보기 용 코드이며 내부적으로는 테스트케이스의 입력을 stdin에 넣어주는 코드로 대체됩니다.
따라서 아래 두줄의 코드를 수정하면 입력을 받아올 수 없습니다.

demo site screenshot

TODO

  • 타이머 기능
  • 디자인 보강
  • 지원 언어 추가
  • 자동 완성 (현재는 JavaScript만 지원)
  • admin 페이지

문의 및 버그 제보

Github issues에 남겨주시면 감사하겠습니다.

boj-helper's People

Contributors

wildcatco avatar

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.