프론트개발 백엔드 개발 연구소

웹 배포 방법 정리 GitHub Pages부터 Vercel까지웹 개발에서 빠질 수 없는 마지막 단계가 바로 배포입니다. 코드를 완성했다고 해도 사용자가 접근할 수 없다면, 실전 서비스라고 말하기 어렵습니다. 이번 글에서는 대표적인 배포 플랫폼인 GitHub Pages, Netlify, Vercel을 중심으로 **실제 배포 절차와 차이점**을 설명드립니다.“배포는 개발의 끝이 아니라 시작입니다.” – 스타트업 프론트엔드 리드 개발자1. GitHub Pages로 정적 사이트 배포하기GitHub Pages는 정적 HTML 파일만 배포할 수 있지만, 설정이 매우 간단하고 무료로 제공되기 때문에 포트폴리오나 간단한 소개 사이트에 적합합니다.배포 절차GitHub에 public repository 생성index.ht..

프로젝트 예시 3가지로 배우는 풀스택 구조풀스택 개발은 프론트엔드와 백엔드를 모두 이해하고 다루는 개발 방식입니다. 하지만 단순히 두 영역을 연결하는 것만으로는 충분하지 않습니다. **실제 프로젝트를 통해 어떤 식으로 구조를 설계하고 구현하는지가 핵심**입니다. 이번 글에서는 초보자도 이해하기 쉬운 **세 가지 풀스택 프로젝트 예시를 통해 구조와 흐름을 완벽하게 정리**해봅니다.“풀스택은 넓게가 아니라, 얇게라도 ‘끝까지’ 완주하는 것이 먼저입니다.” – 현직 스타트업 CTO 인터뷰예시 1. 간단한 메모앱 (React + Express + MongoDB)가장 기본적인 풀스택 프로젝트는 **메모 작성 기능**입니다. 프론트는 React, 백엔드는 Express, 데이터베이스는 MongoDB를 사용합니다.프..