EgoryCat

지난주까지 나를 울게 만들던 amplify의 백엔드 연동 안되는 현상 중에 graphql 호출시 이미지처럼 401 에러가 나고 있었다. Amplify 문서를 보고 있고 프로젝트 생성 과정의 cli 를 보면서 이게 이걸 하는 과정이구나를 이해하던 중에 문득 생각이 들어서 AppSync 콘솔로 들어가서 API Key가 만료된걸 확인했다. 얼른 새로 받아서 aws-export.js에 `aws_appsync_apiKey`에 교체해서 200 정상 동작하는걸 확인했다!! 유레카~~~ 근데 두번 호출하고, 1회 호출은 200, 2회 호출은 400이 떨어지는데 그건 또 다른 문제인듯. 우선 기쁘다!! 근데 amplify에 백엔드 서비스들의 API Key 교체주기를 잘 생각해놔야하는건가? 관리가 꽤 귀찮다. 우선 key..

제목 짓는게 더 어렵군. 4월말부터 6월초까지 amplify 프로젝트로 앱을 하나 만들고 배포까지 하고 의기양양하다가 회원인증에 난항을 겪고, 지금 확인해보니 기본 기능이던 api까지 401에러가 발생했다. amplify 쪽에 유효시간 개념이 있거나 amplfiy에서 서비스 별로 유효시간 개념이 있나보다 라는 막연한 짐작을 하며 이제 무엇을 할것이냐를 고민해야하는 시간이다. 만약 사이드프로젝트로 amplfiy가 이런식이군 하고 1,2주만에 만들어보고 끝! 했으면 겪지 않았을거 같은데, 난 이 프로젝트를 앞으로 유지하며 추가 기능들을 얹을 토대가 되는 사이트가 되길 바랬기 때문에 해결하긴 해야한다. 사이트를 만들어서 배포한걸로 이번 프로젝트는 종료하고(아니면 내 멘탈이 지쳐..) 이번 프로젝트는 amplf..

user pool id를 업데이트 해야한다는 스택오버플로우의 글까지 찾고 잠정 보류하기로 사이드 프로젝트인데 여기에서 막혀서 너무 괴롭다. 기분전환적인걸(화면이라던지..) 작업하고 다시 힘이 생기면 재도전 할 생각이다. 회원가입은 되는데 로그인이 안된다니... 자꾸 도피하고 싶어짐

auth 적용하기가 엄청 오래 걸릴것 같은 느낌이다. 화면에 회원가입하는 amplify 컴포넌트가 나타났다. 기쁘다. 아래 태그만으로 이렇게 나타난다. 근데 회원가입하려니 스크립트 에러가 뜬다. 이제 amplify와도 cognito랑도 싸워보자. 원래 로그인과 회원가입이 제일 어려운 부분이다. 좀 지쳐서 그렇지 해결: https://m.blog.naver.com/chandong83/222053843192 cognito의 속성별 권한 문제였다. https://github.com/cat-egory/start-amp-todo 삽질하고 있는 소스

이건 두개 포스팅으로 나눠야 한다. 왜냐면 이슈가 있어서 일주일을 날렸기 때문이다. 공식 사이트 가이드를 따르고 있었고 vue3로 자연스럽게 진행하고 있었다. 근데 공식 가이드에 auth가 두리뭉실하게 적혀있고 API 문서 링크로 띡 하고 끝나있다. 아래처럼 auth에 참고하는 사이트는 https://docs.amplify.aws/start/getting-started/auth/q/integration/vue#create-login-ui Tutorial - Add authentication - Amplify Docs Getting Started with Amplify Framework - how to add auth to your app docs.amplify.aws 그래서 git을 뒤지기 시작, 레퍼런..

풀스택으로 만들고 있어서 어디까지가 프론트인지 백인지 구별이 안된다는 핑계.. 백엔드에 콘솔을 열때마다 로그인하라고 해서 뭔 로그인 했는데 AWS amplify에 Admin UI 셋팅을 켜고 사용자를 추가해주면 되는거였다. 아래는 로그인해서 보여진 콘솔 콘솔이 AWS 답지 않게 귀엽고 직관적이다. cli로 하는 작업과 어떻게 매핑되는지 알아봐야지 Front 환경에서 git 연결 가능하다. 브랜치에 push하면 자동 배포 되게 git에서 낑낑거릴 필요 없어서 너무 좋네 빌드 배포중 시간단위로 요금되는데 백엔드, 프론트, 나뉘어서 배포되는 모습과 시간을 보는 나.

docs.amplify.aws/start/getting-started/data-model/q/integration/vue#real-time-data-with-graphql-subscriptions Tutorial - Connect API and database to the app - Amplify Docs Getting Started with Amplify Framework - how to model your data using Amplify docs.amplify.aws 여기 부분을 하고 vue를 실행시켰다. ``npm run serve`` 그리고 투두를 입력하고 버튼을 누르고 401을 만났다. amplify의 백엔드를 실행안시켰나 생각했는데 url보니 AWS 이다. cors 에러는 안나는군 Appsy..

회사에서는 요즘 신기술, 서비스 고도화, 자동화를 못하고 있어서 새로운 서비스를 알아가보고 싶어졌다. 그중에 역시 AWS쪽의 서비스 하나를 찾아봤고, 내가 vue.js와 springboot로 된 풀스택 서비스를 개발 운영하고 있다보니 자연스레 amplify랑 친해져보고 싶어졌다. 좋은 레퍼런스를 찾아서 따라해보기로 했다. docs.amplify.aws/start/getting-started/setup/q/integration/vue Tutorial - Set up fullstack project - Amplify Docs Getting Started with Amplify Framework - Setup a fullstack project docs.amplify.aws MAC으로 작업하고 있고 현재 do..

글 쓰고 읽는걸 좋아하는 편인데 이상하게 블로그를 쓰는데는 거부감이 든다. 오랜만에 구직을 혼자 준비하면서 아쉬웠던게 개발블로그의 부재와 git의 지저분함이었다. 올해, 계획을 못세우고 2분기 중반이 되어가는데 목표가 생긴게 '좋은 이직과 남한테 보여줄 수 있는 개발블로그를 만들자'로 정했다. 그 블로그는 여기가 될것이다. 목표를 정했으면 방법을 생각해야한다. 지금 git에 commit하는 start프로젝트에 대해 알게 된것, 회고 두가지 방향으로 해야겠지? 방법은 지금 프로젝트를 하면서 다듬어 나가는 방식으로 그 다음은 지속적으로 할 수 있는 방법이다. 실제로 이게 가장 중요하다. 시간과 체력을 유지해야한다. 그리고 항상 실패하는 이유도 여기에 있다. 그리고 깔끔한 해결방법이 없는 것도 이것이다. 5월..

Gruntfile.js를 쓰는데 sprite로 이미지를 최적화해서 css 파일을 만들어 사용중이다. 근데 한번 적용하고 나서 캐시 문제로 브라우저마다 이미지가 깨지는 경우가 있는거다. 가장 좋은 방법을 생각한건 test.png 파일이 sprite 파일이라면 test.png?d=20191231 이렇게 호출에 query string으로 새 파일을 호출해서 강제 반영시키는거다. 현재 sprite는 이미지를 집적해서 test.png를 만들고 test.scss를 만드는것만 되어있다. 옵션 중에 test.png을 만들고 scss에서는 호출만 test.png?d=20191231 이렇게 되게 하는게 안보이는거다. 검색을 열심히 했는데 공식 홈페이지에서 간단한 옵션을 못찾았다. https://www.npmjs.com/p..