Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 백준알고리즘
- 리액트커뮤니티
- 다이나믹프로그래밍
- 프로그래머스
- 포이마웹
- 리액트댓글기능
- 백준구현문제
- 코테
- 백준골드
- 백준nodejs
- 프로그래머스코테
- 프로그래머스JS
- 백준구현
- 백준js
- CSS
- JS
- 백준
- css기초
- HTML5
- 자바스크립트
- HTML
- 안드로이드 스튜디오
- dp알고리즘
- js코테
- JS프로그래머스
- 익스프레스
- 코딩테스트
- 알고리즘
- 몽고DB
- 리액트
Archives
- Today
- Total
목록formData (1)
개발새발 로그

게시글을 작성하면서 이미지 파일도 올리고 싶다면 어떻게 해야 할까? 먼저 우리는 클라이언트에서 이미지를 넣으면 서버에 저장하는 방법을 알아보자 클라이언트에서 이미지를 올리면 서버에 저장하고 서버에 저장한 후 다시 저장한 이미지를 클라이언트에서 띄워주어야 한다. 작동 순서를 그림으로 그려보았다. 이미지 업로드 후 게시글 제출 이미지 DB에 저장 후 게시글 상세페이지에서 이미지 출력 📋작동순서 1. 이미지 업로드를 위한 컴포넌트생성 -이미지 input태그를 따로 컴포넌트에 만들어서 작성한다. (ImageUpload.js) -input태그에서 이미지만 선택할 수 있도록 하기 위해 속성 accept에accept="image/*"를 작성한다. 2. 이미지 컴포넌트에서 이미지를 업로드하면 onChange를 이용해 ..
MERN
2023. 6. 25. 23:37