안녕, 바나나!
바나나Bananass 프레임워크에 오신 것을 환영합니다!🍌🎉🎊🥳
바나나는 자바스크립트JavaScript 및 타입스크립트TypeScript 기반의 알고리즘 문제 풀이를 위한 프레임워크로, 백준ㆍ코드포스 등 다양한 문제 풀이 플랫폼들의 Node.js 환경에서 반복적으로 마주치는 문제점들을 해결하며, 간결하고 편리한 사용자 경험을 제공합니다.
그렇다면, 왜 바나나일까요? 그리고 바나나 프레임워크는 기존의 불편함들을 어떻게 해결할까요?
자바스크립트JavaScript 및 타입스크립트TypeScript 지원
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
현대Modern 자바스크립트 개발 환경에서, 타입스크립트는 빼놓을 수 없는 위치가 되었습니다.
ESMECMAScript Module 및 CommonJS 모듈 시스템 지원
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
Node.js 환경에 구애받지 않는 ES16ES2025 등 최신 문법 지원
2025년 5월 기준, 백준의 Node.js 버전은 v16.13.1이고, 코드포스의 Node.js 버전은 v15.8.0 입니다.
- Node.js는
v16.13.1을 2021년 12월 01일에 발표하였고, 가장 최신의 Node.jsv16역시 2023년 08월 08일 부로 그 끝EOL, End of Life을 맞이했습니다. - Node.js는
v15.8.0을 2021년 02월 02일에 발표하였고, 가장 최신의 Node.jsv15역시 2021년 04월 07일 부로 그 끝EOL, End of Life을 맞이했습니다.
매년 새로운 스펙을 발표하는 자바스크립트는 현재도 계속해서 ES16ES2025, ES17ES2026 등 새로운 표준을 매년 출시하고 있습니다. 하지만, Node.js v16.13.1 및 v15.8.0 등 더 이상 사용되지 않는Deprecated 구 버전의 Node.js에서는 최신 문법을 지원하지 않습니다.
예를 들어, 구 버전의 Node.js는 ES14ES2023의 Array.prototype.toSorted, Array.prototype.toReversed 등의 최신 프로토타입 메서드Prototype Method 및 ES16ES2025의 regexp-modifiers 등의 최신 문법을 지원하지 못합니다.
새로운 표준으로 도입된 기능들은 사용자에게 더 나은 개발 경험DX과 편리함을 제공합니다. 그렇다면, 문제 풀이 플랫폼들의 Node.js 버전 제약으로 인해 최신 표준을 사용하지 못한 채, 옛 표준에만 얽매여 문제를 풀어야 할까요?
바나나 프레임워크는 이 문제에 대한 해결책을 제시합니다! 바나나 프레임워크는 내부적으로 바벨Babel의 @babel/preset-env 및 직접 정의한 Custom Babel Plugin들을 통한 트랜스파일링Transpiling을 통해, 새롭게 표준으로 추가된 최신 사양의 문법들을 사용할 수 있게 해줍니다.
주의하세요!
바나나 프레임워크는 앞서 언급한 @babel/preset-env 및 Custom Babel Plugin이 구현하는 최신 문법 및 기능들만을 지원합니다.
사용자 정의 모듈 및 lodash 등 외부 라이브러리 불러오기 지원
일반적인 웹 개발 혹은 패키지 개발은 알고리즘 문제 풀이와는 방향성이 다른 경우가 많습니다. 대부분 모듈을 분리하여 별도의 파일들에 넣고, 자주 사용하는 모듈들은 재사용성을 높여 활용하며, 다양한 곳에서 이를 불러와서 사용합니다.
기존 문제 풀이에서는 모든 함수들을 하나의 파일에 일괄적으로 작성해야만 하며, 자주 반복해서 사용하는 함수일지라도 매번 반복 작성하거나, 재사용성을 높여 사용한다 하더라도 일일이 복사 붙여넣기를 해야만 하는 번거로움이 따릅니다.
바나나 프레임워크는 이러한 불편함을 해소합니다! 자신이 직접 만든 클래스, 함수 등 외부 모듈을 불러와 사용하여 재사용성을 높일 수 있으며, 심지어 lodash 같은 유명 라이브러리를 npm을 통해 설치하여 사용할 수도 있습니다.
예를 들어, 자바스크립트의 빌트인Built-in 객체가 지원하지 않는 우선순위 큐Priority Queue 등의 라이브러리를 미리 만들어 두고 필요한 곳에 사용할 수 있습니다.
주목해주세요!
바나나 프레임워크는 내부적으로 웹팩Webpack을 통한 모듈 번들링Module Bundling을 통해 사용자 정의 모듈 및 외부 라이브러리들을 자유롭게 사용할 수 있게 해줍니다.
프로그래머스처럼 solution 함수 하나로 문제 풀이를 시작하세요
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
편리하게 테스트 케이스를 작성하고 실행하세요
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
create-bananass로 지금 바로 시작하세요
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
같은 문제라도 더 빠르게 푸세요
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
편의를 위한 다양한 CLI 명령어 지원
🚧 이 문서는 현재 작업 중입니다! 🚧
이 문서는 현재 작업 중이며, 빠른 시일 내에 업데이트될 예정입니다.
풍부하고 상세한 문서 지원
관심 있는 오픈소스가 있지만, 부실한 문서때문에 사용을 망설이신적이 있으신가요? 바나나 프레임워크는 풍부한 문서와 커뮤니티 지원을 목표로 하고 있습니다!
바나나 프레임워크의 사용법을 자세히 알고 싶으신가요? 공식 문서를 통해 바나나 프레임워크의 사용법을 자세히 알아보세요.
바나나 프레임워크를 이용한 문제 풀이를 확인하고 싶으신가요? 문제 풀이 해답을 통해 다른 사용자들이 어떻게 문제 풀이를 진행했나 확인해보세요.
바나나 프레임워크를 사용하면서 질문이 있으신가요? 토론Discussion을 통해 다른 사용자들과 소통하고, 문제를 해결해보세요.
버그 수정 혹은 기능 제안을 하고 싶으신가요? 이슈Issue 및 끌어오기 요청Pull Request을 통해 더 멋진 바나나 프레임워크를 만들어주세요.
ESLint 및 Prettier 자체 지원
백준 문제를 풀며, 자바스크립트 생태계에서 가장 유명한 에어비앤비Airbnb 코드 컨벤션을 따르는 ESLint 및 Prettier의 규칙을 따라가 보세요!
주의하세요!
바나나 프레임워크에서 지원하는 ESLint 및 Prettier 설정 파일들은 아래와 같은 제약이 존재합니다!
완전한 오픈소스
바나나Bananass 프레임워크는 MIT 라이센스를 따르는 완전한 오픈소스입니다!
수많은 오픈소스 기여를 통해 배운 모든 내용들을 바나나 프레임워크에 녹여냈습니다. 바나나 프레임워크에서 사용하는 Babel, Webpack, ESLint 등의 기술들은 현대 자바스크립트 개발의 핵심을 품고 있습니다.
바나나 프레임워크는 여러분 모두의 관심을 통해 점점 완벽해지고 성장할 수 있습니다. 기여를 통해 바나나 프레임워크를 함께 성장시키고 오픈소스, 그리고 기여자 목록Contributor List에 여러분의 발자취를 남겨주세요.
작게는 이슈 및 문서 기여부터, 핵심 코드 기여까지, 바나나 프레임워크는 모두의 도움으로 성장할 수 있습니다!