\r\n
\r\n - \r\n
- \r\n
![\"empty\"](\"/images/sub/empty.png\")
\r\n \r\n
\r\n ![\"시작](\"/images/sub/btn_play_b.png\")
![\"정지](\"/images/sub/btn_stop_b.png\")
{exhibitSection} 전시작품이 없습니다.
\r\n : (\r\n![\"empty.jpg\"](\"/images/sub/empty.jpg\")
\r\n \r\n \r\n ![\"시작](\"/images/sub/btn_play_w.png\")
![\"정지](\"/images/sub/btn_stop_w.png\")
\r\n
등록된 작품이 없습니다.
\r\n ) : (\r\n상품이 존재하지 않습니다.
\r\n :![\"GG\"](\"/images/sub/ic_gg_b.png\")
갤러리 오시는길![\"Art](\"/images/sub/ic_gg_on.png\")
\r\n \r\n M\r\n O\r\n N\r\n D\r\n A\r\n Y\r\n O\r\n F\r\n F\r\n \r\n \r\n \r\n
\r\n검색된 결과가 없습니다.
\r\n )\r\n }\r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default SearchResult;","import React, { useState, useRef } from 'react';\r\nimport { Link, useParams } from \"react-router-dom\";\r\nimport SearchResult from './searchResult';\r\n\r\nconst Search = () => {\r\n const { search_va } = useParams();\r\n const [searchVa, setSearchVa] = useState(search_va);\r\n const [tempValue, setTempValue] = useState(search_va);\r\n const [resultCount, setResultCount] = useState(0);\r\n const inputSearchRef = useRef(null);\r\n \r\n /** 검색창 입력값 이벤트 */\r\n const handleChange = async (event) => {\r\n setTempValue(event.target.value);\r\n }\r\n\r\n /** 검색 버튼 클릭 이벤트 */\r\n const handleSearchAgain = async () => {\r\n if (tempValue !== null) {\r\n setSearchVa(tempValue)\r\n }\r\n }\r\n\r\n /** 검색된 결과의 총 갯수 */\r\n const handleResultCount = async (count) => {\r\n setResultCount(count);\r\n }\r\n\r\n /** 검색된 결과 리스트 */\r\n const handleSearchValue = async (value) => {\r\n setSearchVa(value)\r\n }\r\n\r\n /** 사용자 검색 시 키패드 다운 이벤트 */\r\n const handleMobileKeyPad = () => {\r\n if (inputSearchRef.current) {\r\n inputSearchRef.current.blur();\r\n }\r\n }\r\n\r\n /** 검색 버튼 키보드 엔터 이벤트 */\r\n const handleEnter = async (event) => {\r\n if (event.key === \"Enter\") {\r\n handleSearchAgain();\r\n handleMobileKeyPad();\r\n }\r\n }\r\n\r\n return (\r\n gallery는\r\n 다양한 작가들의 예술작품을\r\n 전시하고 있습니다.\r\n 갤러리는\r\n 다르게, 또 같이의 문화를\r\n 추구합니다.\r\n ![\"Art](\"/images/sub/bg_error.png\")
\r\n ![\"Alternate](\"/images/common/logo.png\"){kind=logo}
\r\n \r\n ![\"인스타그램\"](\"/images/common/ic_instagram.png\")
\r\n \r\n 
\r\n \r\n ))\r\n }\r\n ![\"G\"](\"/images/sub/bg_loading01.png\")
\r\n ![\"G\"](\"/images/sub/bg_loading02.png\")
\r\n \r\n \r\n ))\r\n }\r\n ![\"하트이미지\"](\"/images/sub/bg_heart.png\")
\r\n