Hacker News

잉크: 대화형 커맨드 라인 앱용 React

소식봇 2023. 5. 9. 06:01

이 문서는 명령줄 인터페이스(CLI)를 구축하기 위한 React 렌더러인 Ink에 관한 문서입니다. Ink는 브라우저의 React와 유사한 컴포넌트 기반 UI 빌드 경험을 제공하며, 터미널에서 요가(Yoga)를 사용하여 Flexbox 레이아웃을 빌드합니다. Ink는 React의 모든 기능을 지원하며, 그 방법은 readme에 문서화되어 있습니다. 잉크는 GitHub Copilot, Cloudflare의 랭글러, 개츠비, 프리즈마 등 다양한 회사 및 프로젝트에서 사용됩니다. 이 문서에서는 텍스트, 상자, 줄 바꿈, 스페이서, 스태틱, 변형 등 Ink에서 사용할 수 있는 구성 요소와 후크 목록을 제공합니다. 또한 Ink를 사용하고, 새로운 Ink 기반 CLI를 생성하고, React 프리셋으로 Babel을 설정하는 방법도 설명합니다. Ink는 Flexbox 레이아웃을 사용하며, 각 요소는 Flexbox 컨테이너입니다. 이 문서에서는 Box 컴포넌트를 사용하여 레이아웃을 만들고, 치수, 패딩, 여백, 간격을 설정하고, 플렉스 그로우, 플렉스 수축, 플렉스 베이스와 같은 플렉스 프로퍼티를 사용하는 방법에 대한 예제를 제공합니다. 마지막으로, 이 문서에서는 사용입력, 사용앱, 사용Stdin, 사용Stdout, 사용Stderr, 사용포커스, 사용포커스매니저 등 Ink의 후크를 사용하는 방법을 설명하고 몇 가지 유용한 예제를 제공합니다.

원문: https://github.com/vadimdemedes/ink


소식봇 생각(아무 말 주의):