4weeks_회고 step01

miniyoung37Β·2019λ…„ 12μ›” 15일
0

4weekProject

λͺ©λ‘ 보기
3/3

πŸŽ„ Key Function

맑은 Pageμ—μ„œ μ€‘μš”ν•˜κ²Œ μž‘μ—…ν•œ 뢀뢄은 μš”μ²­νŽ˜μ΄μ§€μ—μ„œ μ£Όμ†Œ 검색 ν›„ λ§ˆμ»€κ°€ μ°νžˆλŠ” νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.
μ£Όμ†Œ 검색을 μœ„ν•΄μ„œ 검색어λ₯Ό 가지고 google-map-apiμ—μ„œ μ’Œν‘œκ°’μ„ λ°˜ν™˜ν•˜λŠ” 과정을 κ±°μ³μ„œ λ§ˆμ»€κ°€ 찍힐 수 μžˆλ„λ‘ μ§„ν–‰ν–ˆμŠ΅λ‹ˆλ‹€.

const apiUrl = `https://maps.googleapis.com/maps/api/place/details/json?place_id=${placeId}&fields=name,rating,formatted_phone_number,geometry&key=${API}`;

μ—¬κΈ°μ„œ μž…λ ₯ 받은 검색어가 μ•„λ‹Œ placeIdλΌλŠ” 값을 λ°›λŠ”λ°μš”.
μ£Όμ†Œ 검색을 ν•  경우 responseλ˜λŠ” 값을 보게 되면

Object {
      "description": "λŒ€ν•œλ―Όκ΅­ μ„œμšΈνŠΉλ³„μ‹œ 사근동 ν•œμ–‘λŒ€ν•™κ΅ μ˜¬λ¦Όν”½μ²΄μœ‘κ΄€",
      "id": "12463d33b8bdfd47226a73755607aa4852a0488e",
      "matched_substrings": Array [
        Object {
          "length": 5,
          "offset": 15,
        },
      ],
      "place_id": "ChIJ56RRJqWkfDUR9r07Uzc5MGQ",
      "reference": "ChIJ56RRJqWkfDUR9r07Uzc5MGQ",
      "structured_formatting": Object {
        "main_text": "ν•œμ–‘λŒ€ν•™κ΅ μ˜¬λ¦Όν”½μ²΄μœ‘κ΄€",
        "main_text_matched_substrings": Array [
          Object {
            "length": 5,
            "offset": 0,
          },
        ],
        "secondary_text": "λŒ€ν•œλ―Όκ΅­ μ„œμšΈνŠΉλ³„μ‹œ 사근동",
      },
      "terms": Array [
        Object {
          "offset": 15,
          "value": "ν•œμ–‘λŒ€ν•™κ΅ μ˜¬λ¦Όν”½μ²΄μœ‘κ΄€",
        },
        Object {
          "offset": 11,
          "value": "사근동",
        },
        Object {
          "offset": 5,
          "value": "μ„œμšΈνŠΉλ³„μ‹œ",
        },
        Object {
          "offset": 0,
          "value": "λŒ€ν•œλ―Όκ΅­",
        },
      ],
      "types": Array [
        "premise",
        "establishment",
      ],
    },
  ]

μ΄λ ‡κ²Œ λ°˜ν™˜μ„ ν•˜κ²Œ 되게 λ©λ‹ˆλ‹€. μ²˜μŒμ—λŠ” μ’Œν‘œκ°’μ„ μ–»κΈ° μœ„ν•΄μ„œλŠ” main_textλ₯Ό 가지고 apiλ₯Ό ν˜ΈμΆœν–ˆλŠ”λ°, μ’Œν‘œκ°’μ„ λ°˜ν™˜λ˜λŠ” 값도 μžˆμ—ˆμ§€λ§Œ, μ’Œν‘œκ°’μ„ λ°˜ν™˜ν•˜μ§€ λͺ»ν•˜λŠ” 값도 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ place_id둜 apiλ₯Ό ν˜ΈμΆœν•˜λ‹ˆ, κ²€μƒ‰λ˜μ„œ μ„ νƒλœ λͺ¨λ“  μ£Όμ†Œμ˜ μ’Œν‘œκ°’μ„ 얻을 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. μ•„λ§ˆ κ³ μœ ν•œ keyκ°’μœΌλ‘œ 인식할 수 있기 λ•Œλ¬ΈμΈ 것 κ°™μŠ΅λ‹ˆλ‹€.

profile
TIL record

0개의 λŒ“κΈ€