본문 바로가기

Project12

[AWS] Route53 정의(작성중)참고 용어Apex Domain (Zone Apex)도메인의 루트/최상위 수준 (ex. example.com)서브도메인이 없는 "naked domain"을 의미한다.CNAME 레코드를 직접 사용할 수 없다.A레코드나 ALIAS 레코드를 사용해야 한다.Zone도메인의 DNS 정보를 포함하는 관리 단위를 의미한다.하나의 도메인에 대한 모든 DNS 레코드 모음이다.ex. example.com Zone은 blog.example.com, mail.example.com 등 모든 서브도메인을 포함한다.구성요소SOA (Start of Authority) 레코드NS (Name Server) 레코드A/AAAA 레코드CNAME 레코드MX 레코드 타입Public Zone: 인터넷에 접근 가능한 공개 DNS 정보Pr.. 2025. 2. 3.
[AWS] VPC (Virtual Private Cloud) 정의VPC는 AWS 클라우드 내에서 만들 수 있는 사용자 전용 가상 네트워크입니다. VPC는 아래와 같은 특징을 갖습니다.격리된 프라이빗 공간회사 건물 하나를 통째로 임대하는 것 처럼, AWS에서 네트워크 공간을 분리해서 사용합니다.다른 사용자의 리소스와 완전히 분리된 환경을 구성해줍니다.주요 특징IP 주소 범위를 직접 설정할 수 있습니다.여러 개의 서브넷을 구성할 수 있습니다. (ex. public or private subnet)참고서브넷 (subnet)1. 개념서브넷은 큰 네트워크를 더 작은 네트워크로 분할한 것입니다. IP 주소 공간을 더 효율적으로 사용하기 위한 방법으로, 네트워크 트래픽을 논리적으로 분리하고 관리합니다.2. 서브넷 마스크IP 주소에서 네트워크 부분과 호스트 부분을 구분해주는 것.. 2025. 2. 2.
[Frontend] Next.js server action + CSR 개요Next.js 의 장점인 서버 사이드 렌더링을 최대한으로 활용하려면, server action 이 필요하게 됩니다. 그렇지만 서버 사이드 렌더링만을 사용해서는 인터렉티브 한 웹사이트를 만들려고 할 때 ‘use client'를 쓰라는 오류를 만나게 됩니다.결국 Next.js를 잘 쓰려면 서버 사이드 렌더링과 클라이언트 사이드 렌더링을 잘 접목시켜야 하는데 이번 SARDIP work-space 프로젝트에서는 이 작업을 어떻게 진행했는지 설명드리겠습니다.Server ActionNext.js 공식 문서에서는 server action을 서버에서 실행되는 비동기 함수라고 정의하고 있습니다. 서버 및 클라이언트 컴포넌트에서 호출된다고 하는데 개인적으로는 보통 클라이언트 사이드에서 사용하는 경우가 많았던 것 같습니.. 2024. 10. 19.
[프론트엔드 아키텍쳐] SARDIP WEB-GIS Monorepo 안녕하세요. 이번 글에서는 현재 회사에서 진행중인 프로젝트의 규모가 확장됨에 따라 기존 모놀리식 프로젝트를 확장해서 새로운 아키텍쳐를 도입한 내용을 공유하고자 합니다. MFA, FSD 등 프로젝트 확장에 적용할 수 있는 다양한 프론트엔드 아키텍쳐가 존재하지만, 그중에서도 저희는 Vercel에서 추천하는 모노레포 라이브러리인 turbo와 최근 모노레포 구성에서 각광받고 있으며 또한 Vercel에서 모노레포 구성 시 추천하는 pnpm을 사용했습니다. 간단한 사용법은 turbo 공식 홈페이지에 나와있어서 문서를 읽어보시면서 따라하시면 충분히 이해하실 수 있을 것입니다. 중요한 것은 사용한 게 아니라 왜 turbo + pnpm 구조인 모노레포를 사용하였는지 이므로, 본 글에서는 그에 대해 작성하겠습니다. MFA.. 2024. 6. 6.