백엔드2 [React & Express] 파일, 텍스트 데이터 한꺼번에 주고 받기 Postman으로 파일 데이터, 텍스트 데이터 한꺼번에 보내는 것은 간단하다. 그리고 이 데이터를 처리하는 것도 이전에 API 서버 구축할 때 이미 한번 구현해보았다. 하지만 React에서 데이터를 한꺼번에 보내는 방법은 몰랐고 Express에서의 데이터 처리 방식도 Postman과 약간 다르다. React에서 파일, 텍스트 데이터 한꺼번에 서버로 보내는 방법과 Express에서 이를 처리하는 방법에 대해 정리해보았다. React 1. 이미지, 파일과 같은 Blob 데이터를 전송할 때는 헤더에 'Content-Type': 'multipart/form-data'라고 명시해야 한다. 2. Blob 데이터를 전송할 때는 FormData안에 key-value꼴로 데이터를 넣어야 한다. 3. 객체를 FormDat.. 2022. 7. 31. [Node.js] Express를 활용한 API 서버 설계 및 구축 본 게시물은 성균관대학교 20년도 1학기 남범석 교수님의 데이터베이스 개론 수업의 과제를 참고하였음을 밝힙니다. 개요 구조 개발환경 언어 + 프레임워크 DB 설계 API 설계 API 구현 인증 방식 회고 개요 2020년 데이터베이스 개론 수업의 과제로 파일 공유 웹사이트를 만들었다. 프론트엔드와 백엔드를 모두 구현해야 했는데 당시에 다뤄본 언어가 JSP밖에 없어서 JSP로 웹사이트를 개발하였다. 나동빈 님의 JSP 게시판 만들기 강좌를 보면서 성공적으로 과제를 마쳤지만 직접 만든 것이 아니라 아쉬움이 남은 과제였다. 작년에 군장병 온라인 해커톤을 진행하면서 백엔드를 공부해보고 싶다는 생각이 들었고 예전에 한 과제를 토대로 백엔드 구축 프로젝트를 진행하면 어떨까라는 생각으로 시작하였다. 프로젝트 파일 쉐어.. 2022. 4. 16. 이전 1 다음
