diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index 0bc39ad..c09e94a 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -77,7 +77,7 @@ const URL = {
 
     //기준코드
     STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
-    STANDARD_CODE_VIEWER        : "/standardCode/viewer", //건설기준코드/뷰어
+    STANDARD_CODE_VIEWER        : "/standardCode/viewer/:docCode", //건설기준코드/뷰어
 }
 
 export default URL;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
index 8243d5a..105bd4f 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js
@@ -1,12 +1,12 @@
 import {React, useState} from 'react'
+import { useNavigate } from 'react-router-dom';
 import {SbTitle, SbSub, SbLink} from './Sb.style'
 import { FcFolder, FcOpenedFolder, FcFile } from 'react-icons/fc'
 import { AiOutlinePlusSquare, AiOutlineMinusSquare } from 'react-icons/ai'
 
-
 const SbItem = ({ item }) => {
     const [collapsed, setCollapsed] = useState(false);
-
+    const navigate = useNavigate();
     function toggleCollapse() {
         setCollapsed(prevValue => !prevValue);
     }
@@ -28,7 +28,14 @@ const SbItem = ({ item }) => {
         const icon = <FcFile />;
         return (
             <SbTitle depth={item.doc_level}>
-                <SbLink>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</SbLink>
+                {/*<a onClick={()=>{
+                    navigate('/standardCode/viewer', {
+                        state:{
+                            docCode: item.doc_code
+                        }
+                    })
+                }}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</a>*/}
+                <SbLink to={"/standardCode/viewer/"+item.doc_code}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</SbLink>
             </SbTitle>
         )
     }
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
index 215e64e..424fd01 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useCallback } from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import SbItem from './SbItem'
 import {SbContainer} from './Sb.style'
 import Row from 'react-bootstrap/Row';
@@ -7,21 +7,22 @@ import Col from 'react-bootstrap/Col';
 import * as EgovNet from 'api/egovFetch';
 
 function CodeViewer(props) {
-    console.group("viewer");
-    console.log("[Start] viewer ------------------------------");
-    console.log("viewer [props] : ", props);
-    const docCode=props.docCode===undefined?'KDS 21 30 00':props.docCode;
-    const location = useLocation();
-    console.log("viewer [location] : ", location);
 
+    const [{docCode}, setDocCode] = useState(useParams());
     const [codeTree, setCodeTree] = useState();
     const [docSummary, setDocSummary] = useState();
     const [docDetail, setDocDetail] = useState();
 
+    console.group("viewer");
+    console.log("[Start] viewer ------------------------------");
+    console.log("viewer [props] : ", props);
+    const location = useLocation();
+    console.log("viewer [location] : ", location);
+    console.log("viewer [docCode] : ", docCode);
+
+
     const retrieveList = useCallback(() => {
         console.groupCollapsed("EgovMain.retrieveList()");
-
-
         const retrieveListURL = '/standardCode/viewer.do';
         const requestOptions = {
             method: "POST",
@@ -83,13 +84,13 @@ function CodeViewer(props) {
         console.groupEnd("EgovMain.retrieveList()");
     },[]);
 
+
     useEffect(() => {
         retrieveList();
     }, [retrieveList]);
 
     console.log("------------------------------viewer [End]");
     console.groupEnd("viewer");
-
     return (
         <Row>
             <Col xs={3} className="border-end">
@@ -105,4 +106,5 @@ function CodeViewer(props) {
     );
 }
 
+
 export default CodeViewer;
diff --git a/egovframe-template-simple-react-contribution/src/routes/index.jsx b/egovframe-template-simple-react-contribution/src/routes/index.jsx
index b649b45..43dcd9b 100644
--- a/egovframe-template-simple-react-contribution/src/routes/index.jsx
+++ b/egovframe-template-simple-react-contribution/src/routes/index.jsx
@@ -226,7 +226,7 @@ const SecondRoutes = () => {
 		<Route path={URL.ADMIN_MANAGER} element={<EgovAdminPasswordUpdate />} />
 
         {/*기준코드*/}
-        <Route path={URL.STANDARD_CODE_VIEWER} element={<CodeViewer />} />
+        <Route path={URL.STANDARD_CODE_VIEWER} element={<CodeViewer mode={CODE.MODE_READ} />} />
 
       </Routes>
       <EgovFooter />