반응형 전체 글567 GitHub Actions에서 build시 사용할 환경 변수 넣기 자꾸 build에서 실패했다. 로그를 살펴보면 401 에러였는데 API키는 환경변수에 넣어놓았기 때문에 next 내부에서 일어나는 어떤 문제라고 생각하고 Error: 401 Unauthorized: {"data":[{"id":"5413bc","type":"api_error","attributes":{"code":"INVALID_AUTHORIZATION_HEADER","details":{}}}]} at s (/home/runner/work/blog/blog/.next/server/chunks/724.js:8:121) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Object.c [as generat.. 2023. 12. 28. React test library에서 엘리먼트 추적할때 testid를 지양해야 하는 이유 React test library 공식문서 에 보면 testid를 지양하라고 한다. About Queries | Testing Library Overview testing-library.com 왜냐하면 테스트는 유저의 행동을 모방해야 하는데, testid와 유저는 상호작용하지 않기 때문이다. 그러니 testid는 최후의 수단이다. 2023. 12. 27. Amplify에서 GitHub actions 로 배포 자동화 flow 만들기 Amplify에서 GitHub actions 로 배포 자동화 flow 만들기 예전에 회사에서 amplify로 호스팅된 페이지를 배포하는데 환경변수 이슈때문에 배포가 지연된 적이 있다. 환경변수 이슈와 별개로 이같은 상황이 재발하는 것을 방지하기 위해 GitHub actions로 prebuild하여 사전에 문제를 파악하도록 세팅한적이 있다. 근데 지금 공부를하다가 배포 자동화를 하는 방법을 알게 되었다. amplify 웹훅을 이용하여 release/* 브랜치가 열리고 모든 workflow를 통과하면 main에 merge하지 않아도 배포시키는 것인데 아주 쉽다. 별개로 main은 상용 환경이기 때문에 trigger를 브랜치 create말고 다른 것으로 바꾸는게 좋을 것 같다. 자동 빌드 비활성화 main 브.. 2023. 12. 25. 내가 보려고 적어두는 크로스브라우징 내가 보려고 적어두는 크로스브라우징 내가 보려고 적어두는 크로스브라우징이다. input,textarea의 width width가 font-size에 비례하여 넓어지는데, 넓어지는 비율이 크롬과 사파리가 상이하다. 예를들어 font-size:12px일때 input의 width는 크롬에서 135px, 사파리에서 153px이다. reset.css에서 해결할 수 없는 것 같다. 내가 생각한 해결책은 input,textarea에 width를 명시해주기 IOS 계열과 안드로이드 계열의 font color 기본값 IOS는 blue, 안드로이드는 black이다. 해결책 : reset.css에 color 설정하기 잊지말자 사파리에서 복사기능 구현할때 주의할점 아래와 같이 하면 사파리에서 catch가 실행된다. const.. 2023. 12. 23. 이전 1 ··· 4 5 6 7 8 9 10 ··· 142 다음 반응형
