분류 전체보기13 [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. [UNI-DTHON 2021] 추가 공부 정리 UNI-DTHON 2021 대회에서 시도하지 못한 것들에 아쉬움이 남아 추가적으로 공부하였다. AWS(Amazon Web Service)와 GCP(Google Cloud Platform) 모두 무료 크레딧을 제공하여 어느 서비스를 사용할지 고민하였는데 UI가 깔끔해 보이고 더 많은 크레딧을 제공하는 GCP를 선택하였다. GCP는 Vertex AI Workbench 사용자 관리 노트북 인스턴스를 제공하는데 이를 이용하면 빠르게 Jupyterlab으로 사전 패키징 된 VM 인스턴스를 만들 수 있다. 또한 노트북에 딥러닝 패키지 모음(Tensorflow 및 Pytorch 프레임워크 등)이 사전 설치되어 있어 개발 환경설정에 용이하다. GCP에서 공부를 하고 싶다면 노트북 인스턴스를 이용하는 것을 추천한다! 인.. 2022. 3. 11. [Python] Selenium을 활용한 에브리타임 스크래핑(2) - GCP 이전에 Colab에서 에브리타임 스크래핑을 진행하는 방법을 알아보았다. Selenium을 활용한 에브리타임 스크래핑(1)-Colab 편 Colab에서는 컴퓨터를 켜서 Colab에서 코드를 실행해야지만 봇이 작동한다. 하지만 나는 컴퓨터를 켜지 않아도 백그라운드에서 봇이 작동하는 것을 원했다. 이를 위해서는 서버에 코드를 올릴 필요가 있었고 AWS, GCP 중 좀 더 친숙한 GCP에 코드를 올리기로 하였다. Code Server 서버는 터미널에서 vim을 통해 코딩을 하는 방법과 code-server을 통해 VScode에서 코딩을 하는 방법이 있다. 아무래도 vim보다는 IDE에서 코딩을 하는 것이 편하므로 code-server를 통해 VSCode에서 프로젝트를 진행하였다. GCP에서 code serve.. 2022. 3. 8. 이전 1 2 3 4 다음
