문서화에 날개를 달아주는 flybook cli
TRANSCRIPT
![Page 1: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/1.jpg)
F L Y B O O K
![Page 2: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/2.jpg)
@ R H I O K I M
![Page 3: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/3.jpg)
P R E S E N T A T I O N
![Page 4: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/4.jpg)
I N D E X
• Flybook Introduction
• How Flybook works
• How to use Flybook in your project
• How to integrate Flybook with Circle CI
• Roadmap
![Page 5: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/5.jpg)
![Page 6: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/6.jpg)
Haroopress
Haroopad
Flybook
![Page 7: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/7.jpg)
![Page 8: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/8.jpg)
![Page 9: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/9.jpg)
![Page 10: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/10.jpg)
docs basic - getting-started.md - install.md advanced - github-gh-pages.md - theme.md examples - syntax-highlight.md
flybook
![Page 11: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/11.jpg)
flybookmarkdown gh-pages:github
![Page 12: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/12.jpg)
import { renderToStaticMarkup } from ‘react-dom/server'
import React from ‘react’
$ flybook --help Description FlyBook is a simple utility to generate static website that look like online manual.
Usage $ flybook <outdir> [options]
![Page 13: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/13.jpg)
npm install flybook --save-dev
![Page 14: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/14.jpg)
$ flybook docs --outdir=out
![Page 15: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/15.jpg)
“scripts”: { “docs”: “flybook docs --outdir=out”}
package.json
npm run docs
![Page 16: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/16.jpg)
preparations
![Page 17: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/17.jpg)
![Page 18: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/18.jpg)
“scripts”: { “deploy”: “gh-pages -d out”}
npm install gh-pages --save-dev
package.json
![Page 19: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/19.jpg)
![Page 20: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/20.jpg)
push
webhook
build
push gh-pages
your-id.github.io/flybook
![Page 21: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/21.jpg)
jobs: build: docker: - image: circleci/node:8 working_directory: ~/flybook steps: - checkout - run: name: run flybook command: flybook docs —outdir=out workflows: version: 2 build: jobs: - build
.circleci/config.yml
![Page 22: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/22.jpg)
x
![Page 23: 문서화에 날개를 달아주는 Flybook CLI](https://reader033.vdocuments.mx/reader033/viewer/2022052117/5a648f097f8b9a82568b4ab7/html5/thumbnails/23.jpg)
R O A D M A P
F L Y … PRESENTATION?F L Y … RESUME?
F L Y … API DOCS?