diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index e52dc10..3ad7ab5 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -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(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;} diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx index 759a2db..7a7afa3 100644 --- a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx @@ -1,11 +1,23 @@ import React, { useState } from 'react'; import {Link, useLocation, useNavigate} from 'react-router-dom'; 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(){ + const [show, setShow] = useState(false); + const [modalContent, setModalContent] = useState({}); + const handleClose = () => setShow(false); - + const goToCreate = () => { + // 모달창 띄우기 + setModalContent(); + setShow(true); + }; return (
@@ -25,9 +37,210 @@ function API(){
{/* */}

API 서비스

+ + + 1. API 기본정보 + + + +
+
+ Method + Request URL + 형식 +
+
+
+
GET
+
https://kcsc.re.kr/OpenApi/CodeViewer
+
JSON
+
+
+
GET
+
https://kcsc.re.kr/OpenApi/CodeList
+
JSON
+
+
+
+ + + 2. 요청 변수 + + +
+
+ 요청 변수명 + 설명 + 예시 + Type + 필수 여부 +
+
+
+
Type
+
문서 타입
+
KDS
+
string
+
Y
+
+
+
Code
+
문서 번호
+
101000
+
string
+
Y
+
+
+
Key
+
인증키
+
bdf239cd309cc876293ff3
+
string
+
Y
+
+
+
+ + + 3. 출력 결과 + + +
+
+ 필드 + 설명 + Type +
+
+
+
No
+
코드 고유번호입니다.
+
int
+
+
+
CodeType
+
코드 타입입니다.
+
string
+
+
+
Code
+
코드 번호입니다.
+
string
+
+
+
FullCode
+
카테고리 타입이 있는 코드 번호입니다.
+
string
+
+
+
Name
+
코드 이름입니다.
+
string
+
+
+
Version
+
코드 버전입니다.
+
string
+
+
+
UpdateDate
+
코드 수정일자입니다.
+
datetime
+
+
+
Sort
+
목차 정렬 순서 번호입니다.
+
int
+
+
+
Title
+
목차 입니다.
+
string
+
+
+
Contents
+
목차의 상세내용입니다.
+
string
+
+
+
List
+
특정코드 상세내용 리스트입니다.
+
list
+
+
+
ListParentCodes
+
카테고리 속성 리스트입니다.
+
list
+
+
+
Message
+
에러 내용입니다.
+
string
+
+
+
+ + + 4. 예시 + + +
+
+ Request + https://kcsc.re.kr/OpenApi/CodeViewer/KCS/114010?key=bdf239cd309cc876293ff3 +
+
+
+
Response
+
+ No : 30155
+ CodeType : KCS
+ Code : 114010
+ FullCode : 2010114010
+ Name : 파형강판 암거
+ Version : 2019
+ UpdateDate : {`{2019-06-27 오전 10:52:07}`}
+ List : {`[{"No": 30155, "Sort": 4, "Title": "1.1 적용범위", "Contents": "<ρ>(1) 이 기준은 구조용 파형강판을 이용하여 통로암거, 수로암거, 소교량 및 가설 구조물 등의 파형강판 암거.."}, ...]`}
+ ListParentCodes : null
+ Message : null' +
+
+
+
+ Request + https://kcsc.re.kr/OpenApi/CodeList?key=bdf239cd309cc876293ff3 +
+
+
+
Response
+
+ {`[{No : 20256`}
+ CodeType : KDS
+ Code : 100000
+ FullCode : 10101000
+ Name : 공통설계기준
+ Version : 2018
+ UpdateDate : {`{2019-06-04 오전 10:52:07}`}
+ List : null
+ ListParentCodes : {`{"codeType":"KDS","fullCode":"10","name":"설계기준"},{"codeType":"KDS","fullCode":"1010","name":"공통편"},{"codeType":"KDS","fullCode":"101010","name":"공통 설계기준"}`}
+ Message : {`null}, ...]`} +
+
+
+
+ + + + API 서비스 신청 + + +
아이디 : ***1234
+
+
발급신청 완료 후 관리자 승인절차에 따라 발급됩니다.
+
+
); }