인앤아웃 쿠쿠만의 독보적인 기술로 100도c 끓인물 정수기 소개를 한번 드릴까 해요 사천정수기렌탈은 쿠쿠뿐만 아니라 타사 모든정수기 모델들을 렌탈접수해 드리고 있습니다. 합리적인 렌탈료로 집안에 설치 교체 하여 보세요 가격비교 , 견적 빠르게 받아 보실수 있도록 해드리겠습니다. 쿠쿠의 인스퓨어 100도c끓는물 정수기는요 우리집 분위기에 맞는 컬러를 선택해 보실수 있습니다. 감각적인 5가지의 컬라는 주방을 화사하게 바꿔 줄수 있어요! 펄펄 끓는물로 최상의 맛을 구현 하였습니다. 깨끗한 물은 물론 뜨거운 물로 맛있는 음식을 드셔 보세요 고온의 끓인물은 즉석라면 간편식품을 더욱 맛있게 즐길수 있습니다. 일반적인 정수기의 온도대비 15도 높은 온도를 자랑합니다. 고온의 물이 나오는 만큼 가볍게 식기류도 살균해 ..
이번 프로젝트에서는 PWA를 이용해서 앱처럼 보이는 효과를 적용하다가 ServiceWorker라는 개념을 몰라 정리해보았습니다. (PWA를 활용하면 사파리등 웹에서 볼 수 있는 페이지를 홈 화면에 추가한 후 어플처럼 볼 수 있습니다.) Google의 Workbox는 자산을 쉽게 캐시하고 프로그레시브 웹 앱 (PWA)을 빌드하는 데 사용되는 기능을 최대한 활용할 수 있도록 하는 라이브러리 및 node module 세트입니다. 서비스 워커(Service Worker)는 브라우저가 백그라운드에서 실행하는 스크립트입니다. 웹 페이지와 별개로 생명주기를 갖고 동작합니다. 서비스 워커는 오프라인(offline)에서 웹페이지를 사용자에게 보여주기 위해 만들어졌습니다. 서비스 워커의 장점 1. 브라우저에서 파일을 캐시..
이번 글은 Nextjs로 AWS에 베포를 진행하는 과정 중 발생하였다. 처음에는 모든 페이지들이 정상적으로 작동하는 듯 싶었으나, 역시 그럴일이 없었다. Nextjs는 동적 라우팅 즉, Dynamic Loute를 지원한다. ex) www.~~~.com/products/1 위의 링크처럼 동적 라우팅이 있는 폴더 구조가 있다고 생각해보자. 결국 folder struct는 products 폴더 안에 [id].tsx와 같은 파일이 존재할것이다. 여기까지는 아주 좋다. 이제 문제는 지금부터다. AWS의 CloudFront를 이용하여 배포를 진행하였을 때 해당 동적 페이지로 들어가면 아무 페이지가 뜨지 않는다. 해결 방법은 .html 확장자를 명시적으로 넣어주는것이다. 하지만 매 페이지 요청 시 www.~~~.co..
React-Query의 캐싱개념은 stale과 cachetime을 통해 이루어진다 Stale과 cacheTime은 무엇인지 먼저 알아보자. | Stale 이란? react query는 기본적으로 캐싱된 data를 stale한 상태로 여긴다. stale의 사전적 의미는 "신선하지 않는"이라는 뜻을 가진다. 신선하다 함은, 서버에서 조회한 데이터는 그때 당시의 데이터 snapshot이고, 외부 요청으로 서버 데이터가 변경이 되었다면 내 브라우저가 가진 데이터는 이미 오래된 낡은 데이터가 되었으므로 stale하다고 말하는 것이다. stale이란 최신화가 필요한 데이터라는 의미로 stale한 상태가 되면 다음의 경우에 refetch 된다. refetch 되는 조건들을 확인해보자. 1. 새로운 query inst..
Terraform Module 작성 방법 module은 root module과 child module 로 나누어집니다. root module : terraform 커맨드가 실행 되고 있는 module child module : root module에서 리소스를 생성하기 위해 참조하고 있는 module block child module 작성 방법 먼저 파일구조입니다. 테라폼은 디렉토리에 있는 모든 *.tf 파일들을 읽습니다. 테라폼 컨벤션으로 보통 위 사진과 같이 정의합니다. versions.tf : provider / module 의 버전 의존성 variables.tf : variable 관련 outputs.tf : output 관련 main.tf : resources/data/module/local ..
이번 포스팅에서는 테라폼 상태(state)관리에 대해 알아보겠습니다. | 테라폼 상태(Terraform state)란? 테라폼 state 관리는 대표적으로 Local state 와 backend state로 나누어집니다. terraform init & terraform apply 명령어를 실행하면 다음과 같은 파일들이 생성됩니다. 다음과 같은 파일들은 local에서 관리됩니다. .terraform .terraform.lock.hcl terraform.tfstate .terraform.* 형태의 파일 : terraform init 명령어를 실행할 때 생성 terraform.tfstate: terraform apply 명령어 실행 후 생성 .terraform.lock.hcl은 잠금 파일이며 경쟁 상태에서 생..
| VPC Endpoint를 알아보겠습니다. VPC 밖(인터넷을 통해)에서 들어오는 트래픽에는 과금이 되기 때문에 비용을 줄이기 위해 AWS 네트워크 안에서 통신할 수 있도록 하는 것이 좋습니다. VPC Endpoint는 EC2 인스턴스를 VPC 외부 서비스(AWS서비스 중 S3 등)와 private한 연결을 하기 위해 사용됩니다. 즉, AWS 서비스를 전용 연결할 수 있도록 해주죠. 따라서 어떤 트래픽도 AWS 네트워크에서 벗어나지 않기 때문에 비용을 절약할 수 있습니다. 이 경우 퍼블릭으로 해당 서비스를 노출하지 않더라도 연동할 수 있습니다. IGW, VPN, NAT, proxy 등 사용할 일이 전혀 없죠. 위 그림과 같이 private subnet이 존재할 때, 이 서브넷과 S3를 연결하고 싶다면,..