JNarin Development Story

게시판이라 하면 일반적으로 제목과 내용 이미지 등 최소한의 필요한 것이 있습니다. 그래서 이전에 AWS에 대해서 공부했지만, 아직 이해하지 못하는 과정도 많았고 오류도 있어 그 부분을 이제 겨우 해결을 해서 정리도 할 겸 내용을 쓰게 되었습니다. 일단 필자가 개발에 사용하고 있는 것은 프론트에서는 리액트입니다. 그리고 벡엔드는 노드에서 몽고 디비를 현내 사용 중에 있습니다. 위 구조를 참고로 아래 코드를 참고해주시기 바랍니다. 먼저 이미지 업로드하는 API를 만들기 위해서는 몇가지 라이브러리를 설치해야 합니다. npm i aws-sdk dotenv multer multer-s3 1) aws-sdk 먼저 SDK는 Software Development Kit의 약자로 특정한 소프트웨어나 플랫폼을 이용해서 소..

리액트 유튜브 2일 차로 어제 비디오 폼을 만들었다면, 비디오를 올려 서버에 저장하는 기능을 만드려 한다. 1. onDrop 함수 만들기 아래는 공식문서 맨 앞에 있는 코드를 가져온 것이다. {({getRootProps, getInputProps}) => ( Drag 'n' drop some files here, or click to select files )} 코드는 공식문서와 거의 비슷하다. onDrop Dropzone의 메소드 중 일부로, 사이즈에 따라 파일이 승인이 되거나 거부가 될 수 있다. 그래서 필자가 처음에 영상을 올리려 했는데 너무 maxsize값을 너무 작게 해 놓아서 올라가지 않았다. multiple 여러 파일을 올리는 것인지를 true OR false로 구분 짓는다. true는 다중..