총 13개 교재 제목·내용 통합 검색
💡 모든 교재는 무료로 다운로드할 수 있어요. PDF 파일로 제공되며 언제든지 다시 받을 수 있어요.
1장

설치부터 페이지 연결까지

Claude Code 설치 방법부터 첫 번째 HTML 페이지를 만들고 서로 연결하는 방법까지, 코딩을 처음 시작하는 분도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟢 입문 📄 PDF
2장

Netlify로 뚝딱닷컴 세상에 공개하기

무료 호스팅 가입부터 실제 인터넷 공개까지 전 과정을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟢 입문 📄 DOCX
3장

홈페이지 고도화 교재 페이지 만들고 다운로드 연결하기

교재 소개 페이지 제작부터 실제 파일 다운로드 연결과 Netlify 업데이트까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟡 초급 📄 DOCX
4장

소개 커뮤니티 네비게이션 전체 연결하기

소개 페이지와 커뮤니티 페이지 제작 후 모든 메뉴를 연결한 과정을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟡 초급 📄 DOCX
5장

디자인 고도화와 검색 기능 추가

랜딩페이지 디자인 업그레이드, 실시간 검색 기능, 결과물 쇼케이스 섹션 추가까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟠 중급 📄 DOCX
6장

SEO 설정과 구글 검색 등록하기

메타태그 추가부터 구글 서치 콘솔 등록, 사이트맵 제출까지 전 과정을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟠 중급 📄 DOCX
7장

Firebase로 구글 로그인 기능 만들기

Firebase 프로젝트 생성부터 실제 구글 로그인 연결과 프로필 표시까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟠 중급 📄 DOCX
8장

네비게이션 로그인 연동 · 애널리틱스 · Firestore 커뮤니티 완성

로그인 상태 전체 반영, 구글 애널리틱스 연동, 실시간 게시판 Firestore 완성까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🔴 고급 📄 DOCX
9장

구글 드라이브 이전과 카카오톡 공유 버튼

교재 파일 구글 드라이브 이전으로 대역폭 절약, 카카오톡 공유 버튼 추가, Netlify 크레딧 관리까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🔴 고급 📄 DOCX
10장

게시글 수정 삭제 권한 설정과 커뮤니티 고도화

내가 쓴 글만 수정·삭제 가능하게 권한 설정, 교재 수 자동 카운트, Netlify 배포 전략까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🔴 고급 📄 DOCX
11장

Netlify Pro 업그레이드와 카카오톡 공유 완성

Netlify Pro 업그레이드로 사이트 복구 카카오 SDK 도메인 등록 카카오톡 공유 실제 작동 확인까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🔴 고급 📄 DOCX
12장

내 도메인을 사이트에 연결하기

가비아에서 구매한 도메인을 Netlify 사이트에 연결하는 전 과정. TXT 소유권 인증부터 CNAME 설정, HTTPS 자동 발급까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟠 중급 📄 DOCX
13장

도메인 완전 정착하기

sitemap.xml 도메인 주소 수정부터 모바일 햄버거 메뉴 추가까지. 도메인 연결 후 마무리 작업을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟠 중급 📄 DOCX
14장

구글 검색 재정비하기

새 도메인을 구글 서치 콘솔에 등록하고 sitemap을 다시 제출하는 전 과정. 도메인을 바꾼 후 구글 검색 노출을 정상화하는 방법을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 20분 🟠 중급 📄 DOCX
15장

뚝딱닷컴에 광고 달기

구글 애드센스 코드를 모든 페이지에 삽입해서 광고 수익을 시작하는 방법. 이미 승인된 도메인 계열이라 코드 한 줄로 바로 광고가 실리는 과정을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 20분 🟡 초급 📄 DOCX
16장

방문자 분석하기

구글 애널리틱스를 뚝딱닷컴 전용으로 새로 설정하고 방문자 데이터를 확인하는 방법. 누가 언제 어떤 페이지를 봤는지 코딩 몰라도 쉽게 분석할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟡 초급 📄 DOCX
17장

티스토리와 뚝딱닷컴 연계 전략

티스토리 블로그와 뚝딱닷컴이 서로를 강화하는 콘텐츠 운영 방법. 어떤 글을 써야 독자가 자연스럽게 넘어오는지, 실제로 첫 번째 연계 글을 발행하는 과정까지 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 30분 🟡 초급 📄 DOCX
18장

소개 페이지 고도화

운영자 스토리를 담아 방문자가 공감하는 about.html을 만드는 방법. 진짜 경험을 에세이 형식으로 풀어내고 인용구를 시각적으로 강조하는 과정을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 20분 🟡 초급 📄 DOCX
19장

뚝딱닷컴이 살아있는 결과물이 되다

처음 만들었던 가상 예시 카드를 실제 운영 중인 결과물로 교체하는 과정. 사이트는 완성품이 아니라 계속 진화하는 살아있는 공간임을 코딩 몰라도 쉽게 따라할 수 있도록 차근차근 안내해요.

⏱ 약 20분 🟡 초급 📄 DOCX
20장

뚝딱닷컴 1.0을 마치며

1장부터 19장까지 함께 만들어온 뚝딱닷컴의 완성 회고. 코딩을 몰라도 AI와 함께라면 할 수 있다는 것을 직접 증명한 운영자가 독자에게 보내는 편지.

⏱ 약 10분 🟠 에세이 📄 DOCX
🔎

검색 결과가 없어요

다른 검색어로 다시 시도해보세요.
예) 설치, Netlify, 배포, 소개, 커뮤니티