And Brain said,

AWS와 Express를 연동해서 파일 업로드와 삭제를 진행해보겠다. 이미 코드를 다 짜고 안 사실이지만 뒷단에 서버만 두고 업로드와 삭제코드는 앞단에 두는게 훨씬 낫다고 하니 참고하도록. (짜고 난 이후에도 프론트와 연결하니 고쳐야할 게 많았고 여러가지로 처리해야할 게 늘어나 앞단의 코드가 엄청나게 길어졌다.) 일단 얘네들 전부 install 해준다. 여러분의 액세스키와 시크릿 액세스키를 넣어주면 된다. 이렇게 짜준다. bucket : 은 여러분의 버킷명이 들어가면 된다. key: 파일명이 될 것이다. contentType은 자동완성을 사용해주자 upload.single() 부분은 하나의 파일 업로드를 하기 위함이다. 여러 파일을 업로드하려면 upload.array()를 사용하면 된다. 앞 단은 대충 ..

req.params 라우터 매개변수 만약 이런 url로 요청이 온다면 app.get('/:id/:hisName', function (req, res) { console.log(req.params.id) // kycasdzxc console.log(req.params.hisName) // yermi // req.params = { id : 'kycasdzxc', hisName : 'yermi' } }) 이렇게 되는 것이다. req.query 는 여러분이 즐겨보는 youtube에 ufc를 검색하여 설명하겠다. query만 봐도 알지 않겠는가? app.get('/:id', function (req, res) { console.log(req.params.id) // results console.log(req.q..

글에 파일첨부 기능을 넣기위해 insert 문을 xml에 적어서 oracleDB와 express를 mybatis로 연동시켰는데 왜인지 Mybatis selectKey 문법이 express 환경에서 안 되서 insert를 할 때 selectKey를 안 쓰고 마지막 시퀀스 값 을 가져오는 법을 사용했다. SEQ.NEXTVAL은 증가시키고 SEQ.CURRVAL은 현재 시퀀스 값을 가져온다는 것은 잘 알 것이다. 이 두 개만 있으면 얼핏 selectKey가 필요없어보이지만 selectKey를 쓰는 이유가 있지 않겠는가? SEQ.CURRVAL은 같은 세션에 SEQ.NEXTVAL을 한 번 때려줘야만 가능한 녀석이다. SEQ.CURRVAL만 따로 쓰거나 먼저 쓸 수 없다는 얘기다. 그래서 시퀀스의 최근 값을 가져오는..

코드에 대한 이해를 원하신다면 Vue3 Composition API와 Quasar 공식문서를 읽어보시면 도움이 되실 것 같습니다. 이게 자동문 방지 코드다. required 없어도 안 넘어간다 form에 자동문 방지 코드 줘서. required는 빼주시길. 정규식 좀 더 간결해질 수도 있었겠지만 귀찮아서 비밀번호 확인은 저렇게 하면 된다. 사실 마지막 테스트 중에 알아낸건데 이름에 숫자가 허용이 되더라. 알아서 고쳐쓰시길. 코드가 굉장히 길다. 더 간결해질 수 있을 것 같지만 여기까지 마지막 테스트. 다음시간엔 Vue3 Composition API에 대해 알아보자. Thanks for watching, Have a nice day.

이번 시간엔 bucket 정책과 cors 정책에 관해 다뤄보겠다. 얘들을 설정하지 않는다면 이미지 주소를 붙여도 이미지가 뜨지 않을 것이다. bucket 만드는 법은 이 글을 참고 https://theworldaswillandidea.tistory.com/32 [AWS] S3 bucket 간편하게 이미지 서버 구축하기 - [1] 이번 시간엔 데이터(사진, 동영상, 문서 등)를 Amazon S3에 업로드하기 위해 bucket을 생성하는 법을 알아보겠다. 왜 하는거냐, 이미지를 서버에 보내야 이미지 주소가 생성되기 때문. 이미지 주소를 theworldaswillandidea.tistory.com 저번 시간의 권한 설정 페이지부터 시작한다. 버킷 정책에서 편집을 누르면 정책 생성기가 존재하고 이것을 누르는데 ..