전체 글 (13) 썸네일형 리스트형 Node.js multer로 AWS S3에 이미지 업로드하기 + heroku 쇼핑몰을 만들며 생긴 일… 이미지가 올라가지 않았다. heroku에선 30분에 한 번씩 sleep 모드로 들어가서 이미지를 지워버린다는 얘기도 있었고, 무엇보다 일단 이미지 업로드 자체가 되질 않았다. 이렇게 된 거 aws 란 넘을 함 이용해보자! 하며 삽질을 시작했다. 결과는 만족한다. 삽질은 괴롭지만 결과는 늘 달다! 이 글은 AWS의 IAM, S3등등 AWS의 사이트에서 할 수 있는 세팅을 전부 한 상태라는 전제 하에 진행합니다. S3 페이지의 버킷에 들어와서 업로드를 눌러 이미지를 업로드 했을 시, 객체 URI를 클릭하면 정상적으로 이미지가 뜨는가? 를 먼저 확인하고 진행하도록 한다. 할 일 프론트에서 Axios를 이용하여 유저가 직접 업로드한 이미지를 넘겨주면 서버에서는 건네받은 이미지를 s.. NVM 설치하기 / exit status 5 에러 해결 NVM이란 Node Version Manager으로, 편리하게 노드 버전을 여러 개 관리할 수 있는 쉘 스크립트다. 원래 노드의 안정화된 최신 버전을 늘 이용했었지만, 이번에 John Ahn 님의 따라하며 배우는 노드 리액트 쇼핑몰 강의를 듣고 있던 중 npm install 오류가 나 node 버전문제라는 것을 깨달았다. 개인 프로젝트 개발을 할 땐 최신 버전을 사용하되, 해당 강의를 들을 때만 일시적으로 node 10.16.0 버전을 사용하기 위해 nvm을 설치했다. 설치 https://github.com/coreybutler/nvm-windows GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ir.. React, Firebase를 이용한 다이어리 사이트를 만들어보며... 블로그를 쉬는동안 리액트 공부를 했다. 기존의 강의를 듣고 클론코딩하는 방식이 아니라 새로운 도전을 해보고 싶었다. 그래서 잘 듣고 있던 유데미 리액트강의를 멈춰두고 한달정도 기간을 잡고 느긋하게 만들기 시작했다. (강의를 멈춰둔 시점은 useEffect를 배우기 직전 쯤인데 이 프로젝트를 만들다보니 자연스레 useEffect에 대해서 공부할 수밖에 없게 되더라...) 프로젝트 소개 이번에 만든 프로젝트는 일기를 쓰는 사이트 이다... (https://hamsoter.github.io/diaryapp/) 이름은 없다. 그냥 말 그대로 일기를 쓰는 사이트이며, 정말 일기를 쓸 수 있고. 귀엽다. 하지만 브라우저 탭에 덩그러니 'React App' 이라고 뜨는 건 좀 아닌 거 같아서 급하게 '끄적끄적' 이라.. 이전 1 2 3 4 5 다음
