0.2.0 โ€ข Published 7 months ago

postman2react v0.2.0

Weekly downloads
-
License
-
Repository
github
Last release
7 months ago

Postman2React

๐Ÿ“• ๋ฐ๋ชจ(Demo) ์‚ฌ์ดํŠธ

Demo

๐Ÿค” ์ด๊ฒƒ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

postman2react๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋ฉด postman์—์„œ ์ถ”์ถœ๋œ json์„ UI๋กœ ๊น”๋”ํ•˜๊ฒŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. React๋กœ ์ž‘์„ฑ์ด ๋˜์—ˆ์œผ๋ฉฐ, npm์œผ๋กœ ๋‹ค์šด๋กœ๋“œ ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ“– ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.

1. npm์œผ๋กœ postman2react๋ฅผ ๋‹ค์šด๋ฐ›์•„ ์ค๋‹ˆ๋‹ค.

npm i postman2react

2. postman์—์„œ json์„ ์ถ”์ถœ ํ•ฉ๋‹ˆ๋‹ค.

postman

๋˜๋Š” ์˜ˆ์‹œ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค์šดํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ์ถ”์ถœ ๋œ json ๋ฐ์ดํ„ฐ๋ฅผ import ์‹œ์ผœ์ค€ ํ›„ Postman2React๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ๋„˜๊ฒจ์ค๋‹ˆ๋‹ค.

Postman2React์—๋Š” ์„ธ ๊ฐœ์˜ ์†์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์†์„ฑ์„ค๋ช…
postmanJsonpostman์—์„œ ์ถ”์ถœ๋œ json ๋ฐ์ดํ„ฐ
url์ฐพ๊ณ ์ž ํ•˜๋Š” URL, ์ „์ฒด์˜ ๊ฒฝ์šฐ๋Š” '*'๋กœ ํ‘œ๊ธฐ
equalizetrue : ์™„๋ฒฝ์ผ์น˜, false : ๋ฌธ์ž์—ด ํฌํ•จ
import { Postman2React } from 'postman2react';
import postmanJson from "./postman_collection.json"; //postman์—์„œ ์ถ”์ถœ๋œ json

function App() {
  return (
      <div>
        <Postman2React postmanJson={postmanJson} url={"*"} equalize={true}></Postman2React>
      </div>
  );
}
  1. ๊ฒฐ๊ณผ ํ™•์ธ

์Šคํฌ๋ฆฐ์ƒท

๐Ÿค” What is This? (English)

When you use postman2react, you can clearly see the json extracted from postman with the UI. It was created as React and can be downloaded at npm for use.

now preparing demo sites and dockers for easier examples. Please note that bugs may occur

How to use ๐Ÿ“–

It's simple to use.

1. Download postman2react with npm.

npm i postman2react

2. Extract json from postman.

postman

Alternatively, example data can be downloaded and used.

3. Import the extracted json data and hand it over to Postman2React.

Postman2React has three properties.

PropertyDescription
postmanJsonjson data extracted from postman
urlURL you want to find, marked as '*' for all
equalizetrue : perfect match, false : contains string
import { Postman2React } from 'postman2react';
import postmanJson from "./postman_collection.json"; //postman์—์„œ ์ถ”์ถœ๋œ json

function App() {
  return (
      <div>
        <Postman2React postmanJson={postmanJson} url={"*"} equalize={true}></Postman2React>
      </div>
  );
}
  1. Check results

์Šคํฌ๋ฆฐ์ƒท

0.1.10

8 months ago

0.1.11

8 months ago

0.1.12

8 months ago

0.1.13

8 months ago

0.1.14

8 months ago

0.1.15

7 months ago

0.2.0

7 months ago

0.1.8

8 months ago

0.1.7

8 months ago

0.1.9

8 months ago

0.1.6

8 months ago

0.1.5

8 months ago

0.1.4

8 months ago

0.1.3

8 months ago

0.1.2

8 months ago

0.1.1

8 months ago

0.1.0

8 months ago