# Show GN: 백준 자바스크립트/타입스크립트 프레임워크를 만들고 있습니다

> Clean Markdown view of GeekNews topic #20384. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=20384](https://news.hada.io/topic?id=20384)
- GeekNews Markdown: [https://news.hada.io/topic/20384.md](https://news.hada.io/topic/20384.md)
- Type: show
- Author: [beenzinozino](https://news.hada.io/@beenzinozino)
- Published: 2025-04-18T01:06:05+09:00
- Updated: 2025-04-18T01:06:05+09:00
- Original source: [github.com/lumirlumir](https://github.com/lumirlumir/npm-bananass)
- Points: 5
- Comments: 0

## Summary

자바스크립트 및 타입스크립트로 **백준 알고리즘 문제**를 풀 때의 불편함을 해결하기 위해 '바나나'라는 오픈 소스 프레임워크를 개발 중입니다. 이 프레임워크는 **Next.js**와 **boj-cli**에서 영감을 받아, 자바스크립트 생태계에 맞는 간결하고 직관적인 환경을 제공합니다. 주요 기능으로는 최신 문법 지원, **테스트 케이스 작성 및 실행**, 다양한 **CLI 명령어** 지원 등이 포함되어 있습니다. 현재 테스트 코드와 문서화 작업을 진행 중이며, 곧 **베타 버전**을 공개할 예정입니다.

## Topic Body

안녕하세요!  
  
백준 알고리즘 문제를 자바스크립트 및 타입스크립트로 풀면서 느꼈던 여러 불편함들을 해결하고자, '바나나' 라는 이름의 백준 자바스크립트/타입스크립트 전용 오픈 소스 프레임워크를 제작 중에 있습니다.  
  
예전 학부 시절에는 주로 C++로 문제를 풀었기에 백준 환경이 크게 불편하진 않았지만, 프론트엔드 개발자로 일하면서 자바스크립트 및 타입스크립트로 문제를 풀고 싶어져, 막상 시작해보니 매번 복잡한 입력 처리, 최신 문법 제한, 테스트 불가능 크고 작은 제약들이 많더라고요.  
  
그래서 이런 불편함을 개선하기 위해, Next.js의 구현 방식과 boj-cli 프로젝트의 다양한 CLI 명령어에서 영감을 받아, 자바스크립트 생태계에 맞는 간결하고 직관적인 알고리즘 풀이 환경을 직접 만들어보고자 했습니다.  
  
React, ESLint, Next.js 등 여러 프론트엔드 오픈 소스 프로젝트에 직접 기여하며 얻은 경험들을 바탕으로 최대한 디테일하게 만들고 있으며, 자바스크립트/타입스크립트 사용자들에게도 실제로 도움이 되는 도구가 되도록 만들고 싶습니다.  
  
제가 현재까지 구현한 주요 기능들은 아래와 같습니다.  
  
- 자바스크립트JavaScript 및 타입스크립트TypeScript 지원.  
- ESMECMAScript Module 및 CommonJS 모듈 시스템 지원.  
- 백준 Node.js 환경에 구애받지 않는 ES16ES2025 등 최신 문법 지원.  
- 사용자 정의 모듈 및 lodash 등 외부 라이브러리 불러오기 지원.  
- 프로그래머스처럼 solution 함수 하나로 시작하기 지원.  
- 테스트 케이스 작성 및 실행 지원.  
- create-bananass로 시작하기 지원.  
- fs 모듈을 사용한 더욱 빠른 입출력 지원.  
- 편의를 위한 다양한 CLI 명령어 지원.  
- ESLint 및 Prettier 자체 지원.  
  
현재는 정식 릴리스를 앞두고 테스트 코드와 문서화 작업을 진행중이며, 곧 베타 버전을 공개할 예정입니다.  
  
혹시 자바스크립트, 타입스크립트로 백준 문제를 풀면서 느꼈던 불편함, 혹은 '이런 기능이 있으면 좋겠다' 싶은 아이디어가 있으시다면, 깃허브 이슈나 디스커션, 혹은 이 글에 댓글로 자유롭게 남겨주세요!  
  
작은 의견도 정말 큰 도움이 됩니다! 가능한 한 적극 반영해서, 더 나은 문제 풀이 환경을 함께 만들고 싶습니다.   
  
프로젝트 관련 링크  
  
- 깃허브: <https://github.com/lumirlumir/npm-bananass>  
  
- 공식 문서: <https://bananass.lumir.page>  
  
- npm: <https://npmjs.com/package/bananass>

## Comments



_No public comments on this page._
