TwentyTwentyOne

JAMstack 기반 포트폴리오 사이트의 배포 및 운영 (Mac Mini + Docker 기반 서버리스 프레임워크)1. 배포 및 운영 개요JAMstack 기반 포트폴리오 사이트를 Mac Mini 홈서버 + Docker 기반 서버리스 프레임워크 환경에서 배포하고 운영하는 방법을 다룬다.✅ Docker 컨테이너를 활용한 서비스 배포✅ Nginx Reverse Proxy 설정✅ 도메인 연결 및 HTTPS 적용 (Let's Encrypt)✅ CI/CD 자동 배포 설정 (GitHub Actions)✅ 서버 모니터링 및 유지보수2. Docker 기반 컨테이너 환경 구축① Docker Compose 설정Docker Compose를 이용해 정적 사이트(Next.js), CMS(Strapi), 서버리스 API(OpenF..

JAMstack 기반 포트폴리오 사이트 핵심 기능 개발1. 프로젝트 핵심 기능 개요JAMstack 아키텍처를 활용한 포트폴리오 사이트에서는 빠른 성능, 유지보수 편리성, 동적 콘텐츠 지원이 중요하다.이번 단계에서는 프로젝트 페이지, 블로그 기능, 연락처 페이지 등을 구현하고,서버리스 API 및 CMS(Content Management System)를 연동하여 동적 데이터 관리를 적용한다.2. 홈(Home) 페이지 구현① 홈 페이지 레이아웃 구성홈 페이지는 방문자에게 빠르게 개발자의 핵심 정보를 제공하는 역할을 한다.자기소개 (이름, 직업, 간단한 소개)기술 스택 (사용하는 기술, 숙련도 표시)주요 프로젝트 하이라이트 (데모 및 GitHub 링크)CTA(Call To Action) 버튼 (프로젝트 보기, ..

JAMstack 기반 포트폴리오 사이트 개발을 위한 기술 스택 선택1. 프로젝트에 적합한 기술 스택 선정 기준JAMstack 기반 포트폴리오 사이트를 개발할 때 빠른 성능, 유지보수 용이성, 확장성, 보안성 등을 고려해야 한다.다음과 같은 기준을 바탕으로 프레임워크, 스타일링, API, 서버리스, 데이터 관리, 배포 환경을 선택한다.✅ 정적 생성(SSG) 지원 → 빠른 로딩 속도 제공✅ SEO 최적화 가능 → 검색엔진에서 노출 극대화✅ 서버리스 아키텍처 지원 → API 기능 확장성 확보✅ CMS 및 데이터 관리 가능 → 콘텐츠 업데이트 용이✅ Docker 기반 배포 가능 → Mac Mini 홈서버 활용2. 프레임워크 및 정적 사이트 생성기(SSG) 선택프레임워크 주요 특징 장점 단점Next.jsReact..

JAMstack 기반 포트폴리오 사이트 개발 컨셉1. 프로젝트 개요JAMstack 아키텍처를 활용하여 빠르고 보안성이 높은 개발자 포트폴리오 사이트를 구축한다.이 사이트는 개인 브랜드를 강화하고, 기술력을 효과적으로 전달하며, SEO 최적화와 유지보수의 용이성을 확보하는 것이 핵심 목표다.2. 컨셉① 퍼포먼스 최적화정적 사이트(SSG) 방식을 활용하여 페이지 로딩 속도를 극대화Next.js ISR(Incremental Static Regeneration) 또는 Gatsby 정적 생성으로 성능 향상서버리스 API(OpenFaaS, Fission, Knative)를 이용하여 동적인 데이터 처리② 보안성과 확장성정적 페이지 + API 분리로 보안 강화 (No 직접적인 DB 연결)CMS 연동(Contentful..

홈서버에 서버리스 시스템 구축하는 방법1. 홈서버에서 서버리스 환경을 구축하는 이유서버리스(Serverless)는 일반적으로 클라우드 환경(AWS Lambda, Google Cloud Functions 등)에서 제공되지만, 홈서버에서도 비슷한 환경을 구축할 수 있습니다.홈서버에서 서버리스를 구축하는 이유는 다음과 같습니다.✅ 비용 절감 – 클라우드 사용 비용 없이 로컬에서 서버리스 환경 구축✅ 개발 및 테스트 환경 – 서버리스 애플리케이션을 로컬에서 실험 및 테스트✅ 네트워크 제어 – 로컬 네트워크에서 서버리스 기능 실행 가능✅ 데이터 보안 – 외부 클라우드에 의존하지 않고 개인 서버에서 데이터 처리홈서버에서 서버리스를 구현하려면 컨테이너 기반으로 실행하는 것이 일반적이며, 대표적인 방법은 다음과 같습니..