아이디어를 실제 앱으로 만들어요.
기능을 만들고 확인한 다음, 도메인과 서버를 연결해 운영하는 과정을 배웁니다.
설치나 첫 요청이 아직 낯설다면 시작하기부터 읽어주세요.
앱 구현
작은 화면부터 기능 구현·오류 해결까지
도메인과 공개
주소 연결·DNS·HTTPS·배포 확인
서버와 클라우드
실행 환경·클라우드 사용·서버 관리
서비스 운영
백업·복구·분석·안정적인 운영
16개의 가이드
첫 프로젝트: 나만의 소개 페이지
한 페이지로 작게 시작하고, 직접 확인하면서 완성하는 실습입니다.
읽어보기 ↗✳개발 기초 · 5분 읽기에러가 났을 때 AI에게 질문하는 법
에러 메시지, 재현 순서, 기대한 결과를 함께 전달해보세요.
읽어보기 ↗↗사이트 운영 · 5분 읽기웹사이트 공개 14편: 백업·복구와 안전한 업데이트
> 웹사이트 공개 실습 14/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인이며 실제 연결에는 본인 소유 도메인을 사용합니다. 이번 편의 목표 파일이 있다는 것뿐 아니라 복구 가능한지 확인합니다. 이 예제의 저장 데이터는
읽어보기 ↗↗사이트 운영 · 4분 읽기웹사이트 공개 13편: AdSense 연결 준비하기
> 웹사이트 공개 실습 13/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인이며 실제 연결에는 본인 소유 도메인을 사용합니다. 이번 편의 목표 AdSense의 사이트 연결을 준비합니다. 사이트 연결·검토 요청·승인·실제
읽어보기 ↗↗사이트 운영 · 5분 읽기웹사이트 공개 12편: GTM으로 GA4 연결하기
> 웹사이트 공개 실습 12/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인이며 실제 연결에는 본인 소유 도메인을 사용합니다. 이번 편의 목표 사이트에 GTM을 연결하고, 그 안에서 GA4 Google 태그를 게시해 수집
읽어보기 ↗↗웹사이트 공개 · 5분 읽기웹사이트 공개 11편: 검색엔진·사이트맵·RSS 등록
> 웹사이트 공개 실습 11/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인이며 실제 연결에는 본인 소유 도메인을 사용합니다. 이번 편의 목표와 공개 설정 웹사이트가 열린다는 것과 검색엔진에 등록되는 것은 다릅니다. 대표
읽어보기 ↗↗사이트 운영 · 5분 읽기웹사이트 공개 10편: Google 로그인 연결하기
> 웹사이트 공개 실습 10/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인이며 실제 연결에는 본인 소유 도메인을 사용합니다. 이번 편의 목표 로그인 버튼을 누르면 Google 인증 후 본인 확인 화면으로 돌아오게 합니다
읽어보기 ↗↗웹사이트 공개 · 5분 읽기웹사이트 공개 9편: 접속 오류를 구분하는 순서
> 웹사이트 공개 실습 9/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 실제 연결에는 본인 소유 도메인을 사용하세요. 이번 편의 목표 “안 열린다”를 하나의 문제로 보지 않고 DNS·Tunnel·앱·브라우저 문
읽어보기 ↗↗웹사이트 공개 · 5분 읽기웹사이트 공개 8편: HTTPS와 www 정리
> 웹사이트 공개 실습 8/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 실제 연결에는 본인 소유 도메인을 사용하세요. 이번 편의 목표 대표 주소를 https://example.com 형태로 정하고 HTTP·ww
읽어보기 ↗↗웹사이트 공개 · 5분 읽기웹사이트 공개 7편: Tunnel로 컨테이너 연결
> 웹사이트 공개 실습 7/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 실제 연결에는 본인 소유 도메인을 사용하세요. 이번 편의 목표와 사전 확인 6편의 도메인이 Active이고 http://localhost:
읽어보기 ↗↗도메인·DNS · 4분 읽기웹사이트 공개 6편: Cloudflare 네임서버 연결
> 웹사이트 공개 실습 6/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 실제 연결에는 본인 소유 도메인을 사용하세요. 이번 편의 목표 도메인의 DNS 관리 주체를 Cloudflare로 연결합니다. 등록업체에서
읽어보기 ↗↗도메인·DNS · 4분 읽기웹사이트 공개 5편: 도메인 구매와 관리 화면
> 웹사이트 공개 실습 5/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 실제 연결에는 본인 소유 도메인을 사용하세요. 이번 편의 목표 4편까지 로컬 실행을 마쳤다면 방문자가 입력할 주소를 준비합니다. 도메인 구
읽어보기 ↗↗서버 관리 · 4분 읽기웹사이트 공개 4편: 개발과 운영을 분리하기
> 웹사이트 공개 실습 4/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 외부 설정에는 반드시 본인 소유 도메인을 사용하세요. 이번 편의 목표 운영용 4100 화면을 유지하면서 개발용 4101 화면을 따로 실행합
읽어보기 ↗↗서버 관리 · 5분 읽기웹사이트 공개 3편: Docker 컨테이너로 실행하기
> 웹사이트 공개 실습 3/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 외부 설정에는 반드시 본인 소유 도메인을 사용하세요. 이번 편의 목표 2편의 사이트를 독립된 컨테이너에서 실행합니다. Mac은 [OrbSt
읽어보기 ↗↗앱 만들기 · 5분 읽기웹사이트 공개 2편: AI와 로컬 사이트 만들기
> 웹사이트 공개 실습 2/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 외부 설정에는 반드시 본인 소유 도메인을 사용하세요. 이번 편의 목표와 파일 내 브라우저에서 소개·기록 목록·기록 상세 화면을 엽니다. [
읽어보기 ↗↗웹사이트 공개 · 4분 읽기웹사이트 공개 1편: 전체 구조와 준비물
> 웹사이트 공개 실습 1/14 · 가상 프로젝트 작은 작업실 기준입니다. example.com은 설명용 예약 도메인입니다. 외부 설정에는 반드시 본인 소유 도메인을 사용하세요. 이번 편의 목표 도메인을 사기 전에 무엇을 만들고 어디서 실행할지 정합니다. 이 시리
읽어보기 ↗