물건현황 우편번호 검색팝업

src/components/management/StuffDetail.jsx

@@ -94,7 +94,7 @@ export default function StuffDetail() {
           // 도도부현API
           get({ url: '/api/object/prefecture/list' }).then((res) => {
             if (!isEmptyArray(res)) {
-              console.log('도도부현API 결과:::', res)
+              // console.log('도도부현API 결과:::', res)
               setPrefCodeList(res)
             }
           })
@@ -120,7 +120,7 @@ export default function StuffDetail() {
       // 도도부현API
       get({ url: '/api/object/prefecture/list' }).then((res) => {
         if (!isEmptyArray(res)) {
-          console.log('신규화면 도도부현API 결과:::', res)
+          // console.log('신규화면 도도부현API 결과:::', res)
           setPrefCodeList(res)
         }
       })
@@ -338,8 +338,8 @@ export default function StuffDetail() {
   }
 
   useEffect(() => {
-    console.log('우편번호검색해서 값이왔어:::::::::::', prefValue)
     if (prefValue !== '') {
+      console.log('우편번호검색해서 값이왔어:::::::::::', prefValue)
       // 발전량시뮬레이션 지역 목록
       // /api/object/prefecture/도도부현코드/list
       get({ url: `/api/object/prefecture/${prefValue}/list` }).then((res) => {

src/components/management/popup/FindAddressPop.jsx

@@ -1,15 +1,19 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useState, useRef } from 'react'
 import { useForm } from 'react-hook-form'
 import { queryStringFormatter } from '@/util/common-utils'
 import { useAxios } from '@/hooks/useAxios'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { useRecoilValue } from 'recoil'
 import FindAddressPopQGrid from './FindAddressPopQGrid'
+import { useMessage } from '@/hooks/useMessage'
 
 export default function FindAddressPop(props) {
   const globalLocaleState = useRecoilValue(globalLocaleStore)
 
   const { get } = useAxios(globalLocaleState)
+
+  const { getMessage } = useMessage()
+
   const [prefId, setPrefId] = useState('')
   const [address1, setAddress1] = useState('')
   const [address2, setAddress2] = useState('')
@@ -73,7 +77,7 @@ export default function FindAddressPop(props) {
       <div className="modal-dialog middle">
         <div className="modal-content">
           <div className="modal-header">
-            <h1 className="title">우편번호 郵便番号</h1>
+            <h1 className="title">{getMessage('stuff.addressPopup.title')}</h1>
             <button className="modal-close" onClick={() => props.setShowButtonValid(false)}>
               닫기
             </button>
@@ -87,7 +91,7 @@ export default function FindAddressPop(props) {
                   maxLength={7}
                   onKeyUp={handleKeyUp}
                   {...form.register('zipNo')}
-                  placeholder="우편번호의 7자리를 입력하세요. 郵便番号の7桁を入力してください。"
+                  placeholder={getMessage('stuff.addressPopup.placeholder')}
                 />
                 <button className="search-btn" onClick={searchPostNum}></button>
               </div>
@@ -97,10 +101,10 @@ export default function FindAddressPop(props) {
             </div>
             <div className="footer-btn-wrap">
               <button className="btn-origin grey mr5" onClick={() => props.setShowButtonValid(false)}>
-                닫다 閉じる
+                {getMessage('stuff.addressPopup.btn1')}
               </button>
               <button className="btn-origin navy " onClick={zipInfo}>
-                주소적용 住所適用
+                {getMessage('stuff.addressPopup.btn2')}
               </button>
             </div>
           </div>

src/locales/ja.json

@@ -381,6 +381,10 @@
   "stuff.gridHeader.specDate": "仕様確認日",
   "stuff.gridHeader.createDatetime": "登録日",
   "stuff.message.periodError": "最大1年間閲覧可能.",
+  "stuff.addressPopup.title": "郵便番号",
+  "stuff.addressPopup.placeholder": "郵便番号の7桁を入力してください。",
+  "stuff.addressPopup.btn1": "閉じる",
+  "stuff.addressPopup.btn2": "住所適用",
   "length": "長さ",
   "height": "高さ",
   "output": "出力",

src/locales/ko.json

@@ -385,6 +385,10 @@
   "stuff.gridHeader.specDate": "사양확인일",
   "stuff.gridHeader.createDatetime": "등록일",
   "stuff.message.periodError": "최대1년 조회 가능합니다.",
+  "stuff.addressPopup.title": "우편번호",
+  "stuff.addressPopup.placeholder": "우편번호의 7자리를 입력하세요.",
+  "stuff.addressPopup.btn1": "닫기",
+  "stuff.addressPopup.btn2": "주소적용",
   "length": "길이",
   "height": "높이",
   "output": "출력",