And Brain said,

AWS S3 bucket 객체의 권한을 다 풀어헤치는 것은 꺼려진다는 우리 구독자님의 의견이 있어서 ACL 권한설정에 대해 공부하던 중 굳이 ACL은 필요없다는 것을 알았다. AWS측의 공식 답변이다. 즉 ACL은 필요하지않고 S3 버킷 정책을 사용하여 원하는 권한을 부여하라는 것이 AWS 측의 답변이다. 근데 문득 든 생각이 보안이 정말 중요하다는 것은 알겠지만 무엇때문에, 그니까 무슨 위험때문인지는 모르고 있단 생각이 들었다. 너무 막연하게 형체도 보이지 않는 괴물과 싸우는 것은 어렵지 않겠는가? 하여 대체 어떤 위험이 숨어있는지 그 그림자부터 걷어내보도록 하자. 단순히 개인의 프로젝트에 쓰는 사람들은 대부분 그냥 다 풀어헤치고 쓰는데 이러면 최소한 S3의 AccessKey는 무슨 일이 있어도 세상에..

내 포트폴리오 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()를 사용하면 된다. 앞 단은 대충 ..