뚝딱뚝딱 코딩 기록_

  • 홈
  • 태그
  • 방명록

FormData 2

[리액트] 이미지 파일 서버로 전송하기 / axios, input, multipart/form-data

[React] input 으로 첨부한 이미지 파일을 서버로 전송하는 방법에 대해 알아보자 1. 이미지 첨부하기 (input 태그 사용) import React from 'react'; export default function App() { return( ) } 2. 첨부한 파일 state에 저장하기 import React, {useState} from 'react'; export default function App() { const [image, setImage] = useState(); const addImageFile = event => { setImage(event.target.files[0]); }; return( addImageFile(event)} /> ) } onChange 이벤트를 이용..

STUDY/React & React Native 2022.08.18

[리액트네이티브] ImagePicker 데이터 서버로 보내기 / expo, axios, FormData, 안드로이드

[React Native_image axios] ImagePicker로 받아온 이미지 데이터를 서버로 보내는 방법을 알아보자 1. ImagePicker 사진 가져오기 expo ImagePicker library를 이용하여 데이터를 받아오는 방법은 지난 포스팅에서 소개했다. ImagePicker 사용 방법이 궁금하다면 포스팅을 참고하면 될 것이다. 👉 [리액트네이티브] 갤러리에서 사진 가져오기-ImagePicker 2. axios import axios from 'axios'; const data = { key: value, } axios.post('url', data} .then(response => console.log) // 성공한 경우 .catch(error => console.log) // err..

STUDY/React & React Native 2022.07.21
이전
1
다음
더보기
프로필사진

👇 ez1n's Github 👇 https://github.com/ez1n

  • CATEGORY (113)
    • PROJECT (6)
    • STUDY (89)
      • Javascript & Typescript (6)
      • React & React Native (28)
      • Next js (4)
      • Flutter (1)
      • Algorithm (41)
      • CS (9)
    • RECORD (18)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Github

티스토리툴바