반응형 공부381 [GCP] 외부에서 구매한 도메인 등록 & VM IP에 연결 우선 이것을 하기 위해서는 몇가지 지식을 알고 있어야 한다. 인스턴스를 생성하고 간단한 웹서비스 실행 도메인 구매 사이트 & 네임서버 변경 등이다. 우선 DNS를 설정하는 방법부터 확인해보는게 좋겠다. 외부 도메인에 네임서버를 GCP로 변경 GCP에 접속한뒤 네트워크 서비스 > Cloud DNS 메뉴에 들어간 뒤, 영역만들기로 하나 생성한다. - 영역이름은 고유하게 만들면 된다. - DNS 이름은 도메인 이름을 넣는다 - DNSSEC는 Domain Name System Security Extensions 라는 의미로 이름조회에 대한 응답을 인증하는 기능이다. 공격자가 DNS요청에 대한 응답을 조작 또는 악성 처리하는 것을 방지한다고 되어있는데, 자세한건 아래 사이트에서 확인해보는게 좋을거 같다. 기본값이.. 2022. 7. 8. [react, nextjs] PWA(프로그레시브 웹 앱) 적용하기 현재 다니는 회사에서 앱을 만들 수는 없을거 같아 웹 기반으로 하고 있는데 PWA를 알게되어 적용해보기로 했다.2가지를 기대하고 있는데 다음 목적이 있기 때문이다 모바일 홈에서 앱처럼 보이게 하여 바로 접속할 수 있도록 하기 (나중에 있을) 푸시기능 활용 해서 적용방법을 정리한다. 1. npm 에서 다운로드 아래 링크를 들어가면 next에 pwa를 적용하는 방법이 있다. https://www.npmjs.com/package/next-pwa next-pwa Next.js with PWA, powered by workbox.. Latest version: 5.5.4, last published: 16 days ago. Start using next-pwa in your project by running `n.. 2022. 6. 24. [airflow] mac m1 에서 설치 중 cpython-310-darwin.so import 에러 맥북 m1 에 airflow를 설치해 GCP와 연동하는데 다음 에러가 발생했다. ImportError: dlopen(/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/grpc/_cython/cygrpc.cpython-310-darwin.so, 0x0002): tried: '/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/grpc/_cython/cygrpc.cpython-310-darwin.so' (mach-o file, but is an incompatible architecture (have 'x86_64', need.. 2022. 5. 9. [aws, lambda@edge] cloundfront 이미지 리사이즈 기능 사용중 오류(503 에러) S3에 있는 원본 이미지를 lambda@edge를 이용 resize해서 화면에 보여주고 있었다. 그런데 다음과 같은 에러가 발생했다. 처음에는 Cloudfront에서 타임아웃이 걸려있는 줄 알고 살펴봤는데 아니었다. 그래서 cloudwatch에 저장되어 있는 로그를 이것저것 살펴보니 Lambda 쪽 로그그룹에 Timeout 3초 에러가 발생하고 있었다. lambda 에서 timeout 에러가 발생했고 그게 503 에러로 이어진것 같다. 즉 CloudFront에서 발생한 에러가 아니라 lambda의 에러가 전이된 것이다. (스샷이 없어서 죄송합니다) 확인해보니 lambda의 기본값으로 설정할 경우 제한시간을 3초로 한다. 그래서 이번에 설정을 30초로, 그리고 메모리 사용량을 128MB(기본값) => 25.. 2022. 5. 6. [react, nextjs] _app.js 에 useEffect 에서 2번씩 호출될때 next.js 를 사용하고 있는데 useEffect가 두번씩 호출이 되는 문제가 있었다. 이것을 감지하기 위해 다음 코드를 넣어보니 로그에 2개씩 찍히는게 확인된다. function App({Component, pageProps}: AppProps) { useEffect(() => { console.log("bbbddd") }, []) return ( ) } bbbddd 가 2개씩 찍힘 Root 컴포넌트에서 2번씩 호출하다보니 하위 컴포넌트도 모두 2번씩 호출된다. 처음에는 버전이 달라져서 그런가 했는데, 알고보니 React.StrictMode 가 설정되어 있을 경우 그렇다. (nextjs, react 이전버전에서는 동일 설정에 이런 현상이 없었는데, 어느순간 패치된게 아닌가 싶음) 예를들어 다음과 같은.. 2022. 4. 22. [maven] jar 파일 만들때 dependency 파일 첨부하기 (+파일명 고정하기) A 프로젝트를 모듈화(jar)하여 B 프로젝트에서 사용해야 할때 dependency 로 설정하면 별다른 문제없이 추가할 수 있다. 그런데 A프로젝트를 build하면 jar가 생성되지만 안에 dependency가 포함되어 있지 않기때문에 이전 프로젝트에서 사용했던 모듈들이 비어 에러를 발생하게 되었다. 그래서 A 프로젝트에서 jar를 만들때 dependency에 포함되어 있는 모듈들을 포함하는 동시에 파일을 덮어씌워 B 프로젝트에서 별도의 설정없이 가져다 쓸 수 있도록 하는 것이 목표다. 단계별로 설정을 어떻게 줘야하는지 살펴보자(결론만 필요하다면 3번을 보면된다) 1. dependency 포함하여 jar 파일 만들기 maven plugin 중에 assembly 가 있다. 풀 네임은 maven-assemb.. 2022. 3. 21. 이전 1 2 3 4 5 6 7 ··· 64 다음 반응형
