And Brain said,

내 포트폴리오 silly.monster가 언제부터인지 https 로 리다이렉트 되질 않고 있어서 바꾸고 싶어서 nginx 설정을 http 요청이 오면 https로 강제로 바꿔주게 설정하였다. if문 두 개만 붙였다. nginx를 재시작해주면 이제 http로 들어가도 https로 강제로 리다이렉트 된다. (서브도메인들도 설정하고 싶은데 어떻게 하는지 모르겠다.) Thanks for watching, Have a nice day.

파이어베이스 호스팅 하는법은 다 알거라 가정한다. (그다지 어렵지 않다. 공식문서 or 구글링하면 쉽게 찾을 수 있을 것) 근데 Cloudflare를 이용해 개인도메인을 연결하는법을 적어놓은 한국어 블로그가 없고 한 명 있었는데 완전하지 않아서 해놓고도 왜 안 되나 궁금했었다. 그러나 영어로 구글링을 해보니 너무나 쉽게 찾았다. 자 시작해보자. 일단 파이어베이스 호스팅으로 들어가자. 들어가면 커스텀 도메인 추가가 보일 것이다. 누르면 커스텀 도메인을 적을 수 있다. 내가 소유하고있는 도메인은 silly.monster 이다. project.silly.monster는 내 여수어때 프로젝트 도메인인데 이 도메인처럼 ~~~~.silly.monster 이렇게 적어주면 된다. 그러면 이렇게 나올텐데 저기서 설정모드..

Vue 3에는 Composition API라는 것이 존재한다. 이것이 왜 유용하고 왜 써야하는지 간략하게 얘기하자면 코드의 재사용성과 가독성 때문이다. 나는 이미 컴포넌트마다 코드가 길어질대로 길어져서 전체 코드를 개발 포스팅에 올리질 않을 예정이다. 여러분들은 Composition API를 사용하여 나처럼 긴 코드를 작성하지 않길 바란다. setup Composition API의 시발점이 되어준다. 변수와 함수가 그대로 선언되어 사용되며 주의할 점은 setup 내에는 악명높은 자바스크립트의 this가 사라진다는 점이다. 쓰면 오류난다. 주로 ref가 사용되는데 setup 내에 ref를 사용하여 변수를 return 시켜주면 이런식으로 사용자가 input에 적은 content가 그대로 스크립트와 템플릿 모..

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..