"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > rnr: 모든 프로젝트 실행 스크립트를 표현하는 도구

rnr: 모든 프로젝트 실행 스크립트를 표현하는 도구

2024-09-30에 게시됨
검색:584

rnr: The Tool That Speaks Every Project run scripts

안녕하세요, JavaScript 및 TypeScript 개발자 여러분! ? 다양한 JS 프로젝트를 시작하기 위해 다양한 명령을 사용하는 데 지치셨나요? 음, 여러분을 위한 흥미로운 소식이 있습니다! 저는 JavaScript 또는 TypeScript 프로젝트를 매우 쉽게 실행할 수 있게 해주는 rnr("러너"로 발음)이라는 도구를 만들었습니다.

RNR은 무엇이며 왜 만들었나요?

React 앱, Node.js 서버, Vue.js 웹사이트 등 여러 JavaScript 프로젝트에서 작업하고 있다고 상상해 보세요. 시작하려면 각각 다른 명령이 필요합니다. 이는 각 장치마다 하나씩 다양한 리모컨을 사용하는 것과 같습니다. 헷갈리죠?

그래서 rnr을 만들었어요. JS 및 TS 프로젝트를 위한 범용 리모컨과 같습니다. rnr만 입력하면 사용 중인 프레임워크나 라이브러리에 관계없이 프로젝트를 시작하는 방법을 알아냅니다!

RNR이 할 수 있는 멋진 일들

  1. 스마트합니다: rnr은 프로젝트를 살펴보고 그것이 React, Vue, Express 또는 기타 인기 있는 JS 프레임워크인지 확인합니다.

  2. 많은 JS 프로젝트와 함께 작동: Next.js, Express, React, Vue 또는 일반 JavaScript를 사용하든 관계없이 rnr은 이러한 프로젝트를 모두 처리하는 방법을 알고 있습니다.

  3. 최고의 패키지 관리자 선택: rnr은 npm, Yarn, pnpm 또는 Bun 중 프로젝트에 가장 적합한 것을 자동으로 선택합니다.

  4. 하나의 명령으로 모든 작업을 수행합니다: 개발 모드에서 실행하고 싶으십니까? 프로젝트를 빌드하시겠습니까? 프로덕션 모드에서 시작하시겠습니까? rnr은 명령을 조금만 변경하면 이 모든 작업을 수행할 수 있습니다.

  5. 설정하기 쉬움: rnr은 자체적으로 설정되지만 프로젝트에서 작동하는 방식을 사용자 정의하려는 경우 항목을 조정할 수 있습니다.

rnr 모드: JS 프로젝트를 실행하는 다양한 방법

rnr은 매우 유연합니다. JavaScript 프로젝트를 다양한 방식으로 작업하는 데 도움이 되는 다양한 모드가 있습니다:

  1. 개발자 모드: 코딩 중이고 변경 사항을 즉시 확인하려는 경우에 사용됩니다. 마치 작업 내용을 실시간으로 미리 보는 것과 같습니다.
    다음과 같이 사용하세요: rnr dev 또는 그냥 rnr

  2. 빌드 모드: 프로젝트 배포 준비가 완료되면 이 모드를 사용하세요. 이는 배송을 위해 앱을 포장하는 것과 같습니다.
    다음과 같이 사용하세요: rnr build

  3. 프로덕션 모드: 프로덕션 환경에서 앱을 실행하기 위한 모드입니다. 개발이 아닌 성능에 최적화되어 있습니다.
    다음과 같이 사용하십시오: rnr prod

우리는 거기서 멈추지 않습니다! 우리는 귀하의 JavaScript 개발 생활을 더 쉽게 만들기 위해 더 많은 모드를 추가하기 위해 노력하고 있습니다.

RNR을 시작하는 방법

rnr을 얻는 것은 매우 쉽습니다. 명령줄에 다음을 입력하세요:
여기를 살펴보세요

npm i -g @sujit-shrc/rnr

그런 다음 JavaScript 또는 TypeScript 프로젝트 폴더로 이동하여 다음을 입력하세요.

rnr

그렇습니다! rnr이 귀하의 프로젝트를 시작합니다.

내가 rn을 만든 이유

JavaScript 개발자로서 저는 다양한 프로젝트에서 npm run dev, Yarn start, pnpm run Serve 등을 전환하는 데 지쳤습니다. 나는 "더 좋은 방법이 있을 거야!"라고 생각했습니다. JS 프로젝트를 간단하고 일관되게 실행하기 위해 rnr이 탄생했습니다.
npmjs로 이동

당신이 RNR을 사랑하게 될 이유

  • 시간 절약: 더 이상 각 JS 프로젝트를 시작하는 방법을 찾아볼 필요가 없습니다.
  • 모든 JS 프레임워크와 작동: React, Vue, Angular 또는 Node.js 프로젝트에 동일한 명령을 사용합니다.
  • 쉬운 모드 전환: 개발, 프로덕션, 빌드 모드 간을 손쉽게 전환합니다.
  • 계속 개선됨: 우리는 항상 더 많은 JS 도구 및 프레임워크에 대한 지원을 추가하고 있습니다.

rnr의 다음 단계는 무엇입니까?

우리는 JavaScript 및 TypeScript 개발자를 위해 rnn을 더욱 개선하기 위해 노력하고 있습니다! 우리는 더 많은 프레임워크에 대한 지원을 추가하고, 프로젝트 유형을 감지하는 방법을 개선하고, 테스트 및 디버깅을 위한 몇 가지 멋진 기능을 추가할 수도 있는 방법을 모색하고 있습니다. 계속 지켜봐주세요!

지금 RNR을 사용해 보세요!

JavaScript 및 TypeScript 프로젝트를 매우 쉽게 실행하고 싶으십니까? RNR을 사용해 보세요:

npm i -g @sujit-shrc/rnr

자세한 내용을 알아보거나, 문제를 보고하거나, JS 커뮤니티를 위해 RNR을 더욱 개선하는 데 기여하려면 GitHub 저장소를 확인하세요.

자바스크립트 개발을 더 쉽고 재미있게 함께 만들어 봅시다!

JS 매니아 여러분, 즐거운 코딩 되세요! ?


추신. 우리는 RNR에 대해 어떻게 생각하는지 듣고 싶습니다! JavaScript 프로젝트에서 사용해 보셨나요? TypeScript 사용자를 위해 더 나은 서비스를 제공할 수 있는 아이디어가 있습니까? 댓글이나 GitHub를 통해 알려주세요. 귀하의 피드백은 모든 JS 개발자를 위한 멋진 RNR을 만드는 데 도움이 됩니다!

릴리스 선언문 이 기사는 https://dev.to/sujit-shrc/rnr-the-tool-that-speaks-every-project-run-scripts-35kb?1에서 복제됩니다.1 침해가 있는 경우에는 Study_golang@163으로 문의하시기 바랍니다. .com에서 삭제하세요
최신 튜토리얼 더>
  • PHP 디자인 패턴: 어댑터
    PHP 디자인 패턴: 어댑터
    어댑터 디자인 패턴은 호환되지 않는 인터페이스를 가진 개체가 함께 작동할 수 있도록 하는 구조적 패턴입니다. 두 개체 사이의 중개자(또는 어댑터) 역할을 하여 한 개체의 인터페이스를 다른 개체가 예상하는 인터페이스로 변환합니다. 이를 통해 원래 코드를 수정하지 않고도 ...
    프로그램 작성 2024-11-06에 게시됨
  • PHP의 WebSocket 이해
    PHP의 WebSocket 이해
    WebSocket은 단일 TCP 연결을 통해 실시간 전이중 통신 채널을 제공합니다. 클라이언트가 서버에 요청을 보내고 응답을 기다리는 HTTP와 달리 WebSocket은 여러 요청 없이도 클라이언트와 서버 간의 지속적인 통신을 허용합니다. 이는 채팅 애플리케이션, 실시...
    프로그램 작성 2024-11-06에 게시됨
  • Visual Studio 2012에서는 어떤 C++11 기능이 지원됩니까?
    Visual Studio 2012에서는 어떤 C++11 기능이 지원됩니까?
    Visual Studio 2012의 C 11 기능최근 Visual Studio 2012 미리 보기 버전이 출시되면서 많은 개발자들이 C 11 기능 지원에 대해 궁금해하고 있습니다. Visual Studio 2010은 이미 부분적인 C 11 지원을 제공했지만 새 버전에서...
    프로그램 작성 2024-11-06에 게시됨
  • Windows 시작 시 Python 스크립트를 자동으로 실행하려면 어떻게 해야 합니까?
    Windows 시작 시 Python 스크립트를 자동으로 실행하려면 어떻게 해야 합니까?
    Windows 시작 시 Python 스크립트 실행Windows가 시작될 때마다 Python 스크립트를 실행하는 것은 작업을 자동화하거나 필수 프로그램을 시작하는 데 매우 중요합니다. 여러 접근 방식은 다양한 수준의 사용자 정의 및 사용자 제어를 제공합니다.스크립트 실행...
    프로그램 작성 2024-11-06에 게시됨
  • Astral.CSS 탐색: 웹 디자인을 혁신하는 CSS 프레임워크.
    Astral.CSS 탐색: 웹 디자인을 혁신하는 CSS 프레임워크.
    빠르게 변화하는 웹 개발 세계에서 프레임워크는 개발자가 시각적으로 매력적이고 기능적인 웹 사이트를 효율적으로 만드는 데 도움이 되는 중추적인 역할을 합니다. 현재 사용 가능한 다양한 프레임워크 중에서 Astral CSS는 독특한 디자인 철학과 사용 용이성으로 인해 단연...
    프로그램 작성 2024-11-06에 게시됨
  • ESnd Arrow 함수에 대한 종합 가이드
    ESnd Arrow 함수에 대한 종합 가이드
    ES6 소개 ECMAScript 2015(ES6(ECMAScript 6)라고도 함)는 JavaScript에 대한 중요한 업데이트로, 코딩을 더욱 효율적이고 관리하기 쉽게 만드는 새로운 구문과 기능을 도입합니다. JavaScript는 웹 개발에 사용되는 ...
    프로그램 작성 2024-11-06에 게시됨
  • 알고리즘 및 데이터 구조 탐색: 효율적인 프로그래밍의 기초
    알고리즘 및 데이터 구조 탐색: 효율적인 프로그래밍의 기초
    이번 게시물 시리즈에서는 학술 환경과 대규모 기술 회사에서 널리 논의되는 두 가지 주제인 알고리즘과 데이터 구조에 대한 학습 여정을 공유하겠습니다. 이러한 주제는 언뜻 보기에 어려운 것처럼 보일 수 있지만, 특히 다른 직업적 어려움으로 인해 경력 전반에 걸쳐 해당 주제...
    프로그램 작성 2024-11-06에 게시됨
  • Go 프로그램의 고루틴 수를 프로파일링하기 위해 pprof를 어떻게 사용합니까?
    Go 프로그램의 고루틴 수를 프로파일링하기 위해 pprof를 어떻게 사용합니까?
    pprof를 사용하여 고루틴 수 프로파일링Go 프로그램에서 잠재적인 고루틴 누출을 감지하려면 시간이 지남에 따라 활성화된 고루틴 수를 모니터링해야 합니다. 표준 go 도구 pprof 명령은 차단에 대한 통찰력을 제공하지만 고루틴 수를 직접적으로 다루지는 않습니다.고루틴...
    프로그램 작성 2024-11-06에 게시됨
  • 클래스 메서드를 콜백으로 전달하는 방법: 메커니즘 및 기술 이해
    클래스 메서드를 콜백으로 전달하는 방법: 메커니즘 및 기술 이해
    클래스 메서드를 콜백으로 전달하는 방법배경일부 시나리오에서는 효율적인 작업을 위해 클래스 메서드를 다른 함수에 대한 콜백으로 전달해야 할 수도 있습니다. 특정 작업의 실행. 이 문서에서는 이를 달성하기 위한 다양한 메커니즘을 안내합니다.호출 가능 구문 사용함수를 콜백으...
    프로그램 작성 2024-11-06에 게시됨
  • 웹 스크래핑 - 흥미롭네요!
    웹 스크래핑 - 흥미롭네요!
    멋진 용어: CRON = 지정된 간격으로 작업을 자동으로 예약하는 프로그래밍 기술 웹 뭐? 프로젝트 등을 조사할 때 일반적으로 일기, 엑셀, 문서 등 다양한 사이트에서 정보를 작성합니다. 우리는 웹을 스크래핑하고 수동으로 데이터를 추출하고 있습니다. 웹...
    프로그램 작성 2024-11-06에 게시됨
  • 사용후기 그리드 섹션
    사용후기 그리드 섹션
    ? CSS 그리드를 배우면서 이 추천글 그리드 섹션 구축을 완료했습니다! ? 그리드는 구조화된 레이아웃을 만드는 데 적합합니다. ? 라이브 데모: https://courageous-chebakia-b55f43.netlify.app/ ? GitHub: https://gi...
    프로그램 작성 2024-11-06에 게시됨
  • REGISTER_GLOBALS가 PHP의 주요 보안 위험으로 간주되는 이유는 무엇입니까?
    REGISTER_GLOBALS가 PHP의 주요 보안 위험으로 간주되는 이유는 무엇입니까?
    REGISTER_GLOBALS의 위험REGISTER_GLOBALS는 모든 GET 및 POST 변수를 PHP 스크립트 내에서 전역 변수로 사용할 수 있도록 하는 PHP 설정입니다. 이 기능은 편리해 보일 수 있지만 잠재적인 보안 취약성 및 코딩 관행으로 인해 사용을 권장...
    프로그램 작성 2024-11-06에 게시됨
  • Nodemailer 개요: Node.js에서 간편한 이메일 보내기
    Nodemailer 개요: Node.js에서 간편한 이메일 보내기
    Nodemailer는 이메일 전송을 위한 Node.js 모듈입니다. 간략한 개요는 다음과 같습니다. Transporter: 이메일 전송 방법을 정의합니다(Gmail, 사용자 정의 SMTP 등을 통해). const transporter = nodemailer.cre...
    프로그램 작성 2024-11-06에 게시됨
  • JavaScript의 간편한 오류 처리: 안전 할당 연산자가 코드를 단순화하는 방법
    JavaScript의 간편한 오류 처리: 안전 할당 연산자가 코드를 단순화하는 방법
    JavaScript의 오류 처리는 지저분할 수 있습니다. try/catch 문으로 큰 코드 블록을 래핑하는 것은 효과적이지만 프로젝트가 커짐에 따라 디버깅은 악몽이 됩니다. 다행히 더 좋은 방법이 있습니다. 안전 할당 연산자(?=)를 입력하세요. 오류를 처리하는 보다 ...
    프로그램 작성 2024-11-06에 게시됨
  • Javascript는 어렵습니다(ESadness 포함).
    Javascript는 어렵습니다(ESadness 포함).
    읽기에는 길겠지만 다시 한 번 말씀드리겠습니다. JAVASCRIPT는 어렵습니다. 마지막으로 만났을 때 저는 밝은 눈을 가진 희망에 찬 코더가 "얼마나 힘들 수 있니?"라고 말하면서 야생 정글에 들어서면서 자바스크립트의 세계로 들어서고 있었습니다. ...
    프로그램 작성 2024-11-06에 게시됨

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3