해나아부지 개발일지

Multer Multer는 파일 업로드를 위해 사용되는 multipart/form-data 를 다루기 위한 node.js 의 미들웨어 입니다. 효율성을 최대화 하기 위해 busboy 를 기반으로 하고 있습니다. 주: Multer는 multipart (multipart/form-data)가 아닌 폼에서는 동작하지 않습니다. multer는 모든 form-data를 다룰 수 있고 업로드된 파일을 컨트롤 할 수 있는 여러가지 편의성을 제공하지만 클라이언트 사이드에서 한 file을 컨트롤 하는데 에로사항이 조금 있는 것 같다. Local에 있는 파일을 손쉽게 가져올 수 있는 유용한 태그이다. '파일 선택'을 누르게 되면 잘 아는 창이 뜬다. 파일을 선택하게 되면 선택된 파일 이름이 render되고 'Filelis..

Form 태그 new FormData() multer 설정(server side) Form 태그 태그를 활용하면 간단하게 form-data를 전송할 수 있지만 manual하게 form-data를 만들어서 서버로 보내줘야 하는 경우도 생긴다. // MDN example Enter your name: Enter your email: name과 email 태그에 입력된 값들을 type="submit" 태그를 누르면 form-data가 action에 적힌 api로 전송된다(method는 경우에 따라서 정해주면 된다.) new FormData() const formData = new FormData(); // formData.append('key', 'value') formData.append('name', 'f..

Achievement Goals HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다. HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다. HTTP는 Hyper Text Transfer Protocol의 약자로 웹에서 이루어지는 모든 데이터 교환의 시작이며 클라이언트와 서버간의 약속이라고도 할 수 있다. 클라이언트와 서버 사이에는 OSI(Open Systems Interconnection) 7계층이라는 네트워크 계층이 있고 각 단계를 거쳐 통신이 이루어진다. 클라이언트의 요청(request)을 하면 서버는 어떤식으로든 응답(response)을 한다. 1 request -> 1 response! Stateless 클라이언트(브라우저)와 서버 사이에는 수많은 요청과..