블로그
따라하기 60분입문
클로드코드로 내 웹사이트 만들기
코딩을 한 번도 해본 적이 없어도 괜찮습니다. 터미널에 클로드 앱을 설치하고, 한국어로 말해 웹사이트를 만들고, 깃허브와 버셀에 올려 진짜 인터넷 주소를 받는 전 과정을 하나도 빠짐없이 따라 해봅니다. 명령어는 전부 그대로 복사해서 붙여넣으면 됩니다.
만들면 생기는 것: 진짜 인터넷 주소에 올라간 내 첫 웹사이트
따라하기 20분입문
내 사이트 꾸미기
지난 글에서 인터넷에 올린 한 페이지 사이트를 이번에는 보기 좋게 꾸밉니다. 색과 글씨체, 그림, 배치를 AI에게 한국어로 어떻게 부탁하면 원하는 모습이 나오는지 단계별로 익힙니다. 좋은 요청과 모호한 요청의 차이를 비교하며 막혔을 때 푸는 방법까지 다룹니다.
만들면 생기는 것: 보기 좋게 꾸민 내 사이트
따라하기 20분기초
방문자 수 붙이기
꾸민 사이트에 방문자 분석 도구를 붙여서 사람들이 정말 들어오는지 숫자로 확인하는 방법을 다룹니다. AI에게 어떻게 요청하는지, 설정값을 어디에 붙여넣는지, 화면에서 무엇을 보면 되는지를 비개발자 눈높이로 설명합니다. 이 편을 마치면 방문자 수가 보이는 내 사이트가 완성됩니다.
만들면 생기는 것: 방문자 수가 보이는 내 사이트
따라하기 40분기초
로그인 만들기
방문자가 들어오는 사이트에서 한 걸음 더 나아가, 이제 내 회원을 받는 로그인 기능을 붙입니다. 이메일 로그인과 구글 로그인 같은 방식을 비교하고, AI에게 어떻게 요청해 붙이는지 순서대로 설명합니다. 로그인이 왜 앞 단계보다 까다로운지도 비개발자 눈높이로 풀어드립니다.
만들면 생기는 것: 로그인이 되는 내 사이트
따라하기 40분중급
데이터 저장하기
로그인이 되는 사이트에 이어, 사용자가 남긴 글과 기록이 사라지지 않고 저장되는 진짜 서비스로 가는 마지막 단계입니다. 데이터베이스를 칸이 있는 표에 비유해 쉽게 이해하고, 저장하고 다시 불러오는 흐름을 AI에게 어떻게 요청하는지 정리합니다.
만들면 생기는 것: 데이터가 저장되는 내 서비스