안녕하세요, 이상혁입니다

2년간 방치했던 Velog 기술 블로그에 대한 반성과 팀원의 옵시디언 블로그 배포 모습을 보고 자극받아 개인 블로그를 만들기로 결심했습니다. Jekyll 대신 React 기반의 Gatsby와 gatsby-starter-blog 템플릿을 활용하고 Netlify로 무료 호스팅하여 하루 만에 기본 블로그를 배포했습니다. 특히 Cursor AI를 활용해 GraphQL을 따로 학습하지 않고도 페이지네이션, 태그 필터링, 다크모드 등의 부가 기능들을 쉽게 구현할 수 있어서 AI의 개발 보조 능력에 크게 감명받았습니다.

이 글은 프론트엔드 공통 코드를 기존의 런타임 API 방식에서 빌드타임 코드 포함 방식으로 전환한 경험을 다룹니다. 빌드타임에 공통 코드를 객체로 변환해 타입 안정성과 자동완성을 높이고, 네트워크 의존성과 유지보수 부담을 크게 줄였습니다. 이로써 초기 화면 속도, 코드 관리 효율, 개발자 경험이 모두 개선되었습니다.

AWS에서 EC2 인스턴스를 사용하려면 VPC, 서브넷, 라우팅 테이블, 인터넷 게이트웨이 등 네트워크 환경을 먼저 구성해야 한다.EFS는 여러 인스턴스에서 공유 가능한 네트워크 파일 스토리지이며, Application Load Balancer는 트래픽을 여러 대상에 분산시켜 안정적인 서비스를 제공한다. 각 리소스의 보안 그룹, IP, 연결 설정 등 기본 개념과 실습 과정을 따라가면 AWS 인프라를 효과적으로 구축할 수 있다.