유지보수
웹사이트는 한 번 만들고 끝이 아닙니다. 가끔씩 내용을 업데이트하고, 상태를 점검하는 것이 필요합니다. 어렵지 않습니다. 간단한 루틴만 기억하세요.
내용 수정하고 반영하기
배포 후에 내용을 바꾸고 싶을 때 (영업시간 변경, 메뉴 추가 등):
- Cursor에서 해당 파일을 수정합니다
- 터미널에서 다음을 입력합니다:
git add .
git commit -m "영업시간 수정"
git push
- Vercel이 자동으로 새 버전을 배포합니다 (1~2분)
- 브라우저에서 새로고침하면 변경된 내용이 보입니다
이 과정은 매번 똑같습니다. 수정 → git add → git commit → git push. 이 네 단계만 기억하세요.
월간 점검 체크리스트
한 달에 한 번, 5~10분 정도 투자해서 점검합니다:
| 점검 항목 | 확인 방법 |
|---|---|
| 사이트가 잘 열리나? | 브라우저에서 직접 접속 |
| 모든 링크가 작동하나? | 메뉴, 버튼을 하나씩 클릭 |
| 정보가 최신인가? | 주소, 전화번호, 가격 확인 |
| 이미지가 잘 보이나? | 페이지를 스크롤하면서 확인 |
| 모바일에서 잘 보이나? | 스마트폰으로 접속 |
코드 업데이트 확인
코드에 사용된 부품(라이브러리)들은 가끔 새 버전이 나옵니다. 오래된 버전을 쓰면 보안 문제가 생길 수 있습니다.
터미널에서 이렇게 확인합니다:
npm outdated
목록이 나타나면 AI에게 보여주세요:
"npm outdated 결과가 이래. 업데이트해야 할 것이 있어?"
AI가 안전하게 업데이트할 수 있는 것과, 주의가 필요한 것을 구분해서 알려줍니다.
모든 것을 항상 최신으로 유지할 필요는 없습니다. 보안 업데이트가 있을 때만 신경 쓰면 됩니다.
백업은 이미 되어 있습니다
코드를 GitHub에 올려두었으니, 백업은 자동으로 되고 있습니다.
- 컴퓨터가 고장 나도 → GitHub에서 다시 받을 수 있습니다
- 실수로 파일을 삭제해도 → GitHub에 이전 버전이 남아있습니다
- 다른 컴퓨터에서 작업하고 싶어도 → GitHub에서 받으면 됩니다
git clone 내-저장소-주소
npm install
npm run dev
이 세 줄이면 어떤 컴퓨터에서든 내 프로젝트를 다시 실행할 수 있습니다.
사이트가 갑자기 안 될 때
드물지만, 잘 되던 사이트가 갑자기 안 열릴 수 있습니다.
| 원인 | 확인 방법 |
|---|---|
| Vercel 서버 문제 | vercel.com/status 에서 확인 |
| 도메인 만료 | 가비아에서 도메인 갱신 여부 확인 |
| 최근 수정이 문제 | Vercel 대시보드에서 이전 배포로 되돌리기 |
Vercel 대시보드에서 "Deployments" 탭을 보면 이전 배포 기록이 있습니다. 문제가 있으면 이전 버전으로 롤백(되돌리기)할 수 있습니다.
유지보수 정리
| 주기 | 할 일 |
|---|---|
| 수시 | 내용 변경 시 수정 → git push |
| 월 1회 | 사이트 점검 (링크, 정보, 이미지) |
| 분기 1회 | npm outdated로 업데이트 확인 |
| 연 1회 | 도메인 갱신 확인 |
이 정도면 충분합니다. 웹사이트 유지보수는 생각보다 손이 많이 가지 않습니다.
이 절의 요약
- 내용을 수정하면 git add → commit → push로 자동 배포됩니다
- 월 1회 사이트를 점검하면 문제를 미리 발견할 수 있습니다
npm outdated로 코드 업데이트를 확인할 수 있습니다- GitHub에 올려두었으니 백업은 자동으로 되고 있습니다
- 사이트가 안 되면 Vercel에서 이전 버전으로 되돌릴 수 있습니다