꿈많은 DEVELOPER

Svelte(스벨트)는 2019년 출시한 최신 기술에 프레임워크입니다.개발자라면 한 번씩은 들어본 웹 프레임워크 3 대장 Angular, React, Vue 다른 방식의 프런트 프레임워크입니다.기존에 프런트 프레임워크 달리 Svelte는 컴파일러로 동작합니다. 쉽게 설명하자면 Svelte 코드를 작성하면 작성한 코드가 컴파일되어 순수 javascript로 변환되고 브라우저에서 실행됩니다.이러한 특징 때문에 기본에 프레임워크보다 훨씬 더 빠른 성능의 장점이 있습니다. Svelte 특징컴파일 타임: 다른 프레임워크들이 브라우저에서 런타임에 많은 작업을 처리하는 반면 Svelte는 컴파일 타임에 모든 작업을 처리하여 더 빠른 성능에 애플리케이션을 만듭니다.반응성(Reactivity): Svelte는 반응성을 ..

사업자라면 누구나 매출 상승과 웹사이트의 구매 전환율을 높이고 싶어 합니다.이러한 목표를 달성하기 위한 다양한 방법 중에 효과적인 방법으로 바로 랜딩 페이지입니다.랜딩 페이지는 고객이 웹사이트에 처음 접속했을 때 가장 먼저 보게 되는 페이지로 많은 기업들이 이를 활용하여 고객 유입을 극대화하고 있습니다.잘 설계된 랜딩 페이지는 단순한 정보 제공을 넘어 고객의 관심을 끌고 행동을 유도하는 강력한 도구로 작용합니다. 랜딩 페이지 잘 만들어진 하나의 랜딩 페이지가 10명의 세일즈맨보다 더 큰 효과를 낼 수 있다는 것입니다.이는 비용 측면에서도 효율적이며 지속적으로 고객을 유치하고 전환시키는 데 기여할 수 있습니다.랜딩 페이지는 24시간 운영되며 언제든지 고객에게 접근할 수 있는 기회를 제공합니다. 랜딩페이지 ..

AWS 인프라를 구축하면 필수적으로 로드밸런서를 활용해야 합니다.AWS Application Load Balancer(ALB)와 Network Load Balancer(NLB) 차이점은 통신하는 네트워크 계층의 차이가 있을 뿐만 아니라 각각 용도에 맞춰서 사용하는 것이 중요합니다. AWS에서 제공해 주는 이 두 서비스의 차이를 이해하고 애플리케이션의 요구 사항에 맞는 적절한 서비스를 구축하기 위해서 ALB vs NLB의 차이점을 알아보겠습니다. 여기서 잠깐!ALB vs NLB 개념과 차이점을 알아보기 전에 먼저 Application Load Balancer(ALB) 개념과 사용법 알아보기https://cometruedream.tistory.com/296 [AWS] Application Load Balan..

요즘 많은 회사들은 클라우드 서비스로 AWS를 많이 사용합니다.AWS ABL라고 불리며 애플리케이션의 수신되는 트래픽을 여러 대상에 자동으로 분산시키고 서비스의 안정성과 다양한 기능을 통해 애플리케이션의 성능을 최적화하는데 좋은 기술입니다. 이번 글을 통해서 AWS ABL를 개념과 셋팅하는 방법을 알아보겠습니다. 🤷‍♂️ AWS 로드밸런서 개념ALB는 OSI 모델의 7 계층에서 작동하는 로드 밸런서로, HTTP 및 HTTPS 트래픽을 처리합니다. 이는 웹 애플리케이션의 요청을 여러 서버에 분산시켜 부하를 줄이고 가용성을 높입니다.ALB는 SSL 종료, 세션 스티키니스, 헬스 체크 등의 기능을 제공하여 애플리케이션의 성능을 최적화합니다.  AWS EC2 개념 공부하기https://cometruedream..

🤷‍♂️ 본론에 앞서Nginx, Apache로 서버를 구성하고 프론트에서 서버로 요청을 보낼 때 용량이 큰 파일을 업로드하면 413 Request Entity Too Large 오류 메시지를 볼수 있습니다. 이러한 오류에 대한 원인을 파악하지 못하면 불필요한 시간낭비를 할수 있습니다. 이 글을 통해서 Request Entity Too Large 원인과 해결방법을 알아보겠습니다. 알아두면 좋은 Nginx Proxy 설정 오류 해결방법2023.02.01 - [AWS] - [Trouble Shooting] Nginx proxy 설정 [Trouble Shooting] Nginx proxy 설정🤷‍♂️ Proxy? 다른 서버에서 리소스를 찾는 클라이언트의 요청에 대한 중계자 역할을 하는 서버이다. 따라서 프록..

🤷‍♂️ 본론에 앞서 미들웨어 기본개념미들웨어는 서버 측에서 요청을 처리하기 전에 실행되는 함수이며 미들웨어를 통해서 요청에대한 작업을 사전에 수행할수 있도록 돕습니다.미들웨어 파일은 middleware.ts 또는 middleware.js 파일명으로 ./pages, ./app 폴더와 같은 계층에 위치해야됩니다. Next.js 버전 마다 루트 경로에 /pages, /app 다를수 있지만 /pages, /app 폴더와 같은 계층에 미들웨어 파일을 위치시키면 됩니다.미들웨어 파일명과 경로 규칙을 꼭 준수하셔야 미들웨어 함수가 동작합니다. "> HTML 삽입미리보기할 수 없는 소스 🤷‍♂️ Middleware.ts 사용법미들웨어 사용방법import { NextResponse } from 'next/serve..