728x90 Develop46 Next.js Hydration Error: 서버와 클라이언트 렌더링 불일치 원인과 해결법 Next.js 프로젝트를 로컬에서 실행했을 때, 다음과 같은 에러 메시지가 뜨고는 했는데이번기회에 좀 없애보기로 했습니다. 참 친절한 에러 디테일 내용입니다.Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used (참고하라고 문서 링크까지 전달해줍니다.https://nextjs.org/docs/messages/react-hydration-error) 콘솔에는 SVG의 d 속성 값이 일치하지 않는다는 diff 메시지도 함께 출력되었습니다... 2025. 6. 28. 터미널에서 Conda 기본 환경(base) 자동 활성화 설정 on/off 하는 방법 간만에 터미널과 conda환경을 리부트하면서 base가 자동으로 적용되게 되었습니다. 터미널에서 Conda의 기본 환경(base)이 자동으로 활성화되지 않도록 설정하는 방법을 간단하게 공유합니다. 목차 Conda 환경 수동 비활성화 방법이미 활성화된 Conda 환경을 즉시 비활성화 하는 방법은 다음과 같습니다.하지만 매번 터미널을 켤때마다 이렇게 끄는 것이 귀찮으니, 아래 방법을 통해서 자동으로 활성화되는 가상환경을 꺼줍시다.conda deactivateConda 자동 활성화 해제 방법터미널에서 아래 명령어를 입력하여 Conda의 기본 환경 자동 활성화를 끌 수 있습니다.conda config --set auto_activate_base false이 명령어는 Conda가 기본 환경(base)을 자동으.. 2025. 3. 25. SAM 을 통해 Websocket APIGateway, Lambda를 구축할 때 알아둬야할 것들 이번에 SAM 을 통해서 새로운 서비스와 파이프라인을 구축하면서 적절한 레퍼런스와 자료를 찾기 쉽지않아서 난항을 많이 겪었습니다.추후 정리할 부분을 남기기전에 가볍게 알아두면 좋은 특징들을 기록합니다. 목차Websocket APIGateway와 Lambda 관련 특징로직상 private VPC의 타 Resource 에 io 작업이 있는 경우, Lambda에서 VPC 구성 할 수 있습니다. 이때외부 통신을 위해서는 다음 중 하나가 필요합니다.다른 Resource에 작업 연결VPC Config 혹은 IAM Provider 등을 구성해서 통신할 수 있습니다.외부 통신VPC Peering 을 통한 접근 : 관리가 더 복잡해질 수도 있습니다.NAT Gateway를 통한 접근 (Private Subnet -> NA.. 2025. 1. 3. AWS ElasticCache Valkey와 RedisOSS AWS 리소스를 활용해서 Redis를 활용하는 것은 꽤나 많은 레퍼런스가 존재합니다. 리소스 중에서도 AWS ElasticCache는 Redis를 비롯해, Memcached 등 대표적인 cache 시스템을 서비스로 제공하고있습니다. 24년 12월 기준 AWS ElasticCache에서 제공하는 Cache 리소스는 Valkey 캐시, Redis OSS 캐시, Memcached 캐시 등이 있습니다. 그 중에서도 Valkey 캐시는 이번 24년 10월에 출시된 신규 기능으로 이번에 알게되어, 각 Cache System 의 ( Memcached 생략) 레퍼런스 링크를 기록합니다. 목차Valkey Valkey는 AWS ElastiCache에서 2024년 10월에 새롭게 도입된 캐시 엔.. 2024. 12. 17. 이전 1 2 3 4 ··· 12 다음 728x90
