πŸ“ν¬μŠ€νŠΈλ§¨μ—μ„œ API λͺ…μ„Έ μ‚¬μš©ν•΄λ³΄κΈ°

10_2pangΒ·2023λ…„ 6μ›” 5일
0

βš½οΈνŠΈλŸ¬λΈ”μŠˆνŒ…

λͺ©λ‘ 보기
33/94
post-thumbnail

πŸ‘¨β€πŸ’»Β μ‚¬κ±΄


  • νŒ€ν”„λ‘œμ νŠΈ 쀑 μ£Όμ–΄μ§„ API λ₯Ό μ‚¬μš©ν•˜μ—¬, POST μš”μ²­μ„ λ°›μ•„μ„œ μ‚¬μš©μžκ°€ μž‘μ„±ν•œ 이메일이 κ°€μž…λœ 메일인지 ν™•μΈν•΄μ•Όν•˜λŠ” μž‘μ—…μ„ μ§„ν–‰ν•˜μ—¬μ•Όν–ˆλ‹€. 처음이라 μ–΄λ ΅κ²Œ λŠκ»΄μ Έμ„œ, 일단 λ¬΄μž‘μ • ν¬μŠ€νŠΈλ§¨μ„ 톡해 POST μš”μ²­μ„ λ°›μ•„λ³΄μ•˜λ‹€. λ˜ν•œ νŒ€μž₯λ‹˜μ„ μ€‘μ‹¬μœΌλ‘œ λ‹€ν•¨κ»˜ μ‹€μŠ΅ν•΄ λ³΄μ•˜λ‹€.

βœ…Β ν•΄κ²°


  1. POST 둜 μΉ΄ν…Œκ³ λ¦¬λ₯Ό λ°”κΎΌλ‹€.
  2. API μ£Όμ†Œλ₯Ό μ§‘μ–΄λ„£λŠ”λ‹€. ( λͺ…μ„Έλ₯Ό ν™•μΈν•˜μ—¬, 경둜λ₯Ό νŒŒμ•…ν•œλ‹€. )
  3. Body 탭에 λ“€μ–΄κ°„λ‹€.
  4. raw λΌλ””μ˜€λ²„νŠΌμ„ ν΄λ¦­ν•œλ‹€.
  5. μž‘μ„±λž€μ€ JSON 으둜 λ°”κΎΌλ‹€.
  6. λͺ…세에 μ ν˜€μ§„ JSON μ½”λ“œλ₯Ό λ„£λŠ”λ‹€.
  7. JSON μ½”λ“œλ₯Ό 양식에 λ°”κΎΈμ–΄ μž‘μ„±ν•œλ‹€.
  8. Send λ²„νŠΌμ„ ν΄λ¦­ν•˜μ—¬ μš”μ²­μ„ λ°›μ•„λ³Έλ‹€.

μœ„μ˜ 방법을 ν™œμš©ν•˜μ—¬, λ‚΄κ°€ μ›ν•˜λŠ” 방법이 λ‚˜μ˜¨λ‹€λ©΄ 이λ₯Ό 톡해 μ½”λ“œλ₯Ό μž‘μ„±ν•΄λ³Έλ‹€.

const onClickPageHandler = async () => {
    const res = await axios.post('https://mandarin.api.weniv.co.kr/user/emailvalid', {
      user: {
        email: email,
      },
    });
    // axios λ₯Ό ν™œμš©ν•˜μ—¬, API 데이터λ₯Ό λ°›μ•„μ˜€κ³  이에 POST μš”μ²­μ„ 콀마 λ’€μ˜ JSON μ½”λ“œλ₯Ό 톡해 μš”μ²­ν•œλ‹€.
  };

πŸ’­Β κ°œμ„ 


일단 μ‹œλ„ν•΄λ³΄λ‹ˆ, API λͺ…μ„Έλ₯Ό ν™œμš©ν•˜λŠ” 법을 μ–΄λŠμ •λ„ μ•Œκ²Œλ˜μ—ˆλ‹€.

profile
μ£Όλ‹ˆμ–΄ ν”„λ‘ νŠΈμ—”λ“œ 개발자 이광렬 μž…λ‹ˆλ‹€ 🌸

0개의 λŒ“κΈ€