퍼블 업뎃
parent
432c6fdef5
commit
35b0c4bddb
|
|
@ -445,6 +445,33 @@
|
||||||
.BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;}
|
.BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;}
|
||||||
.BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;}
|
.BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;}
|
||||||
|
|
||||||
|
/* API */
|
||||||
|
.BRD016 .head > span:nth-child(1) {position: relative; width: 20%; }
|
||||||
|
.BRD016 .head > span:nth-child(2) {position: relative; width: 50%; }
|
||||||
|
.BRD016 .head > span:nth-child(3) {position: relative; width: 30%; }
|
||||||
|
.BRD016 .head > span:nth-child(-n+2)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(2) {width: 50%; padding: 10px 0;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(3) {width: 30%; padding: 10px 0;}
|
||||||
|
|
||||||
|
.BRD017 .head > span:nth-child(1) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(2) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(3) {position: relative; width: 25%; }
|
||||||
|
.BRD017 .head > span:nth-child(4) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(5) {position: relative; width: 15%; }
|
||||||
|
.BRD017 .head > span:nth-child(-n+4)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(2) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(3) {width: 25%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(4) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(5) {width: 15%; padding: 10px 0;}
|
||||||
|
|
||||||
|
.BRD018 .head > span:nth-child(1) {position: relative; width: 15%; }
|
||||||
|
.BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;}
|
||||||
|
.BRD018 .head > span:nth-child(-n+1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;}
|
||||||
|
.BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;}
|
||||||
|
|
||||||
|
|
||||||
/* 찾아오시는길 */
|
/* 찾아오시는길 */
|
||||||
.SITE_CONTACT_US .map {margin-top: 43px;}
|
.SITE_CONTACT_US .map {margin-top: 43px;}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,23 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
import URL from "../../constants/url";
|
|
||||||
|
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';
|
||||||
|
|
||||||
function API(){
|
function API(){
|
||||||
|
const [show, setShow] = useState(false);
|
||||||
|
const [modalContent, setModalContent] = useState({});
|
||||||
|
const handleClose = () => setShow(false);
|
||||||
|
|
||||||
|
const goToCreate = () => {
|
||||||
|
// 모달창 띄우기
|
||||||
|
setModalContent();
|
||||||
|
setShow(true);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className="container">
|
||||||
|
|
@ -25,9 +37,210 @@ function API(){
|
||||||
<div className="contents" id="contents">
|
<div className="contents" id="contents">
|
||||||
{/* <!-- 본문 --> */}
|
{/* <!-- 본문 --> */}
|
||||||
<h1 className="tit_3">API 서비스</h1>
|
<h1 className="tit_3">API 서비스</h1>
|
||||||
|
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue