DBNT
/
kcscDev
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
kcscDev/egovframe-template-simple-r.../src/pages/support/Api.jsx

248 lines
12 KiB
React
Raw Normal View History

퍼블 업뎃
2024-06-05 08:37:19 +00:00
import React, { useState } from 'react';
import {Link, useLocation, useNavigate} from 'react-router-dom';
import * as EgovNet from 'api/egovFetch';
퍼블 업뎃
2024-06-19 04:12:54 +00:00
import URL from "constants/url";
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
퍼블 업뎃
2024-06-05 08:37:19 +00:00
퍼블 업뎃
2024-06-19 04:12:54 +00:00
function API(){
const [show, setShow] = useState(false);
const [modalContent, setModalContent] = useState({});
const handleClose = () => setShow(false);
퍼블 업뎃
2024-06-05 08:37:19 +00:00
퍼블 업뎃
2024-06-19 04:12:54 +00:00
const goToCreate = () => {
// 모달창 띄우기
setModalContent();
setShow(true);
};
퍼블 업뎃
2024-06-05 08:37:19 +00:00
return (
퍼블 업뎃
2024-06-17 04:53:24 +00:00
<div className="container">
<div className="c_wrap">
{/* <!-- Location --> */}
<div className="location">
<ul>
<li><Link to={URL.MAIN} className="home" >Home</Link></li>
<li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
<li>API 서비스</li>
</ul>
</div>
{/* <!--// Location --> */}
<div className="layout">
<div className="contents" id="contents">
{/* <!-- 본문 --> */}
<h1 className="tit_3">API 서비스</h1>
퍼블 업뎃
2024-06-19 04:12:54 +00:00
<Row className={"pb-2 justify-content-between"} >
<Col className={"f_17 text-4c6 pt-3"}>1. API 기본정보</Col>
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToCreate} >인증키 발급신청</Button></Col>
</Row>
<div className="board_list BRD016">
<div className="head">
<span>Method</span>
<span>Request URL</span>
<span>형식</span>
</div>
<div className="result">
<div className="list_item">
<div>GET</div>
<div>https://kcsc.re.kr/OpenApi/CodeViewer</div>
<div>JSON</div>
</div>
<div className="list_item">
<div>GET</div>
<div>https://kcsc.re.kr/OpenApi/CodeList</div>
<div>JSON</div>
</div>
</div>
</div>
<Row className={"py-2"} >
<Col className={"f_17 text-4c6 pt-3"}>2. 요청 변수</Col>
</Row>
<div className="board_list BRD017">
<div className="head">
<span>요청 변수명</span>
<span>설명</span>
<span>예시</span>
<span>Type</span>
<span>필수 여부</span>
</div>
<div className="result">
<div className="list_item">
<div>Type</div>
<div>문서 타입</div>
<div>KDS</div>
<div>string</div>
<div>Y</div>
</div>
<div className="list_item">
<div>Code</div>
<div>문서 번호</div>
<div>101000</div>
<div>string</div>
<div>Y</div>
</div>
<div className="list_item">
<div>Key</div>
<div>인증키</div>
<div>bdf239cd309cc876293ff3</div>
<div>string</div>
<div>Y</div>
</div>
</div>
</div>
<Row className={"py-2"} >
<Col className={"f_17 text-4c6 pt-3"}>3. 출력 결과</Col>
</Row>
<div className="board_list BRD016">
<div className="head">
<span>필드</span>
<span>설명</span>
<span>Type</span>
</div>
<div className="result">
<div className="list_item">
<div>No</div>
<div>코드 고유번호입니다.</div>
<div>int</div>
</div>
<div className="list_item">
<div>CodeType</div>
<div>코드 타입입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>Code</div>
<div>코드 번호입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>FullCode</div>
<div>카테고리 타입이 있는 코드 번호입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>Name</div>
<div>코드 이름입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>Version</div>
<div>코드 버전입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>UpdateDate</div>
<div>코드 수정일자입니다.</div>
<div>datetime</div>
</div>
<div className="list_item">
<div>Sort</div>
<div>목차 정렬 순서 번호입니다.</div>
<div>int</div>
</div>
<div className="list_item">
<div>Title</div>
<div>목차 입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>Contents</div>
<div>목차의 상세내용입니다.</div>
<div>string</div>
</div>
<div className="list_item">
<div>List</div>
<div>특정코드 상세내용 리스트입니다.</div>
<div>list</div>
</div>
<div className="list_item">
<div>ListParentCodes</div>
<div>카테고리 속성 리스트입니다.</div>
<div>list</div>
</div>
<div className="list_item">
<div>Message</div>
<div>에러 내용입니다.</div>
<div>string</div>
</div>
</div>
</div>
<Row className={"py-2"} >
<Col className={"f_17 text-4c6 pt-3"}>4. 예시</Col>
</Row>
<div className="board_list BRD018">
<div className="head">
<span>Request</span>
<span>https://kcsc.re.kr/OpenApi/CodeViewer/KCS/114010?key=bdf239cd309cc876293ff3</span>
</div>
<div className="result">
<div className="list_item">
<div>Response</div>
<div>
No : 30155<br />
CodeType : KCS<br />
Code : 114010<br />
FullCode : 2010114010<br />
Name : 파형강판 암거<br />
Version : 2019<br />
UpdateDate : {`{2019-06-27 오전 10:52:07}`}<br />
List : {`[{"No": 30155, "Sort": 4, "Title": "1.1 적용범위", "Contents": "<ρ>(1) 이 기준은 구조용 파형강판을 이용하여 통로암거, 수로암거, 소교량 및 가설 구조물 등의 파형강판 암거.."}, ...]`}<br />
ListParentCodes : null<br />
Message : null'
</div>
</div>
</div>
<div className="head">
<span>Request</span>
<span>https://kcsc.re.kr/OpenApi/CodeList?key=bdf239cd309cc876293ff3</span>
</div>
<div className="result">
<div className="list_item">
<div>Response</div>
<div>
{`[{No : 20256`}<br />
CodeType : KDS<br />
Code : 100000<br />
FullCode : 10101000<br />
Name : 공통설계기준<br />
Version : 2018<br />
UpdateDate : {`{2019-06-04 오전 10:52:07}`}<br />
List : null<br />
ListParentCodes : {`{"codeType":"KDS","fullCode":"10","name":"설계기준"},{"codeType":"KDS","fullCode":"1010","name":"공통편"},{"codeType":"KDS","fullCode":"101010","name":"공통 설계기준"}`}<br />
Message : {`null}, ...]`}
</div>
</div>
</div>
</div>
퍼블 업뎃
2024-06-17 04:53:24 +00:00
</div>
</div>
</div>
퍼블 업뎃
2024-06-19 04:12:54 +00:00
<Modal show={show} onHide={handleClose}>
<Modal.Header closeButton>
<Modal.Title>API 서비스 신청</Modal.Title>
</Modal.Header>
<Modal.Body>
<h6 className={"text-224"}>아이디 : ***1234</h6>
<div className={"py-3"}><Button type={"button"} className={"btn btn-22498E px-4 w-100"} onClick={""} >발급신청</Button></div>
<div className={"f_14 text-center"}>발급신청 완료 후 관리자 승인절차에 따라 발급됩니다.</div>
</Modal.Body>
</Modal>
퍼블 업뎃
2024-06-17 04:53:24 +00:00
</div>
퍼블 업뎃
2024-06-05 08:37:19 +00:00
);
}
export default API;