본문 바로가기
반응형

분류 전체보기399

[turbo, nextjs] alert에 빨간불 Cannot find name 'alert' 관련 설정법 알림창으로 자주쓰는 alert에 빨간불이 들어와서 당황했는데, turbo 로 multi repository 로 구성되어 모든 repo에서 사용될 공통 컴포넌트를 구성하던 중 이런 현상이 일어났다. 이럴경우 tsconfig.json 파일에 다음 설정을 추가하면 된다 내 경우 packages/ui 를 공통 ui로 잡고 작업하고 있는데, 거기서 발생한 표기라서, packages/ui/tsconfig.json 에다가 설정했다. { ... "compilerOptions": { "lib": [ "dom" ] } } compilerOptions 은 컴파일 대상 파일을 어떻게 변환할지를 설정하는 것인데, 위에서 설정한 lib는 컴파일 과정에 사용될 라이브러리 파일을 설정하는 것이다. 그러니 IDE에서 컴파일 에러를 낸.. 2022. 10. 20.
[aws, CodeDeploy] 배포에러 발생시(BeforeBlockTraffic, UnknownError) AWS의 배포시스템중 하나인 CodeDeploy를 설정할때 다음의 에러가 발생할 때가 있다. CodeDeploy agent was not able to receive the lifecycle event. Check the CodeDeploy agent logs on your host and make sure the agent is running and can connect to the CodeDeploy server. 위 에러가 발생할 경우 2가지를 체크하면 된다. 1) Code Deploy 역할이 인스턴스에 부여되어 있는지 확인 2) CodeDeploy 의 Agent가 띄워져 있는지 확인 1) Code Deploy 역할이 인스턴스에 부여되어 있는지 확인 1번의 경우는 아래 포스팅에서 페이지 내 다음 검.. 2022. 8. 29.
[react, nextjs] pwa 적용 후 console.log 에 werkbox 없애기 pwa 를 적용하고 난 뒤부터 개발할때 console.log 를 보면 엄청난 양의 workbox가 뜬다. 이것을 안보이게 하는 것은 간단하다. 일단 next.confing.js 파일을 연다. 아마 아래와 비슷하게 설정되어 있거나, 추가되어 있을 것이다. /** @type {import('next').NextConfig} */ const withPWA = require("next-pwa") module.exports = withPWA({ pwa: { dest: 'public' } , reactStrictMode: true, }) 여기서 개발일 경우에만 disable 할 수 있게 옵션을 주면 된다. /** @type {import('next').NextConfig} */ const withPWA = requ.. 2022. 8. 12.
2022년 상반기 회고록 늘 그렇든 이벤트도, 변화도 많지만 이번만큼 큰 변화가 있었던 적이 얼마 만인가 싶을 정도로 컸다. 그 내용들을 여기 기록해 본다. 1. 이직 몇 년 동안 알고 지낸 사이의 대표에게서 이직 제안이 왔었다. 사실 이번이 처음은 아니었다. 몇 차례 왔음에도 불구하고 거절을 했었는데, 그때까지만 해도 이전 회사에서 좀 더 할 게 있을 거라 생각했었기 때문이다. 그러다 시간이 지나고 다시금 요청이 왔을 때는 이제 더 이상 이전 회사에 있을 이유가 없다는 걸 알았기 때문이다. 딱히 신변에 변화가 있거나 불이익을 당하거나 하진 않았지만 회사를 떠날 순간이 왔다는 걸 어렴풋이 느끼곤 있었다. 그 이유는 두 가지였다. 성장과 방향성이다. 처음 이전 회사를 선택했을 당시 원했던 것이 몇 가지 있었다. 여기서 말하는 원하.. 2022. 7. 21.
[springboot] (GCP) 엘라스틱서치(elastic search)와 연동하기 엘라스틱서치를 직접 설치해서 사용하는 방법도 있겠지만 이번 회사에서 이슈가 있어 Elastic Cloud를 사용하기로 했다. 별도로 설치 및 관리하는것보다 관리되어있는 것을 사용하는게 더 낫다고 생각했기 때문이다. 내 경우 GCP를 이용한 Elastic Cloud를 이용하는 것을 했지만 Elastic Cloud에 직접 회원가입해서 사용한것도 가능할것 같다. 다만 여기서는 GCP를 이용했으니 그에따른 경과를 기록한다. 이 포스팅은 다음 순서로 진행된다. - GCP에서 엘라스틱서치 사용하기 - SpringBoot 에 elastic search 연동 - SpringBoot 에서 elastic search 조회하기 - SpringBoot 에서 elastic search bulk 하기 그럼 시작. GCP에 ela.. 2022. 7. 19.
[querydsl] Unable to load class 'com.mysema.codegen.model.Type' 에러 QueryDSL 을 사용하는데 어느날부터 다음 에러가 발생한다. Unable to load class 'com.mysema.codegen.model.Type'. This is an unexpected error. Please file a bug containing the idea.log file. 이유를 살펴보니 버전문제가 있는거 같다. 최근에 변경된 이슈라면 SprigBoot 의 버전을 2.4 -> 2.6 으로 올리면서 hibernate의 버전도 같이 올라갔다. 여기까지는 별 문제 안됐는데 컴파일 또는 queryDsl을 컴파일 하는 과정에서 위의 에러가 발생한 것이다. 그래서 살펴보니 Querydsl 의 버전이 문제인거 같다. 이전까지만 해도 버전을 명시하지 않아도 자동으로 의존되는 버전이 연결되서 사.. 2022. 7. 14.
반응형