안녕하세요!최근 로보 자산 멘토(Robo Asset Mentor) 앱을 기획하고 만들면서, 제 블로그에도 나만의 멋진 주소(peace.re.kr)를 입혀주고 싶어졌습니다. 특히 구글 애드센스 승인을 받기 위해서는 tistory.com 같은 하위 주소보다 '개인 도메인'을 연결하는 것이 훨씬 유리하다는 꿀팁을 알게 되었거든요. 오늘은 제가 직접 도메인을 구매하고 티스토리에 연결하면서 겪었던 과정과 깜짝 놀랐던 '빨간 경고창' 해결 방법까지 아주 상세히 정리해 드리겠습니다. [ 1단계 - 도메인 구매처에서 DNS(A 레코드) 설정하기] 가비아나 호스팅케이알 등에서 맘에 드는 도메인을 하나 구입하셨다면, 가장 먼저 할 일은 '이 도메인이 티스토리를 바라보게 만드는 것'입니다. 도메인 관리 페이지의 'DNS..

AI 디지털 혁신 2026. 3. 29. 14:08

코딩 1도 몰라도 괜찮아! 우리 반만의 챌린지 앱 만들기 (3탄)1탄 확인)https://shinypeace.tistory.com/11 firebase 바이브 코딩으로 챌린지앱 만들기(1)코딩 1도 몰라도 괜찮아! 우리 반만의 챌린지 앱 만들기 (1탄)안녕하세요! 오늘은 코딩 경험이 전혀 없는 분들도 따라 할 수 있는 '나만의 웹 앱 만들기' 프로젝트를 시작해보려 합니다. 학생들이shinypeace.tistory.com 안녕하세요! 1, 2탄에 걸쳐 드디어 우리 반만의 '세계시민활동' 앱을 만들고, 인터넷에 공개하는 데까지 성공했습니다. 정말 축하드려요! 이제 여러분은 단순한 사용자가 아니라, 하나의 웹 서비스를 운영하는 '관리자'가 되셨습니다.이번 3탄에서는 앱을 운영하다 보면 꼭 필요한 '관리' 방법..

AI 디지털 혁신 2025. 6. 26. 00:08

코딩 1도 몰라도 괜찮아! 우리 반만의 챌린지 앱 만들기 (2탄)안녕하세요! 지난 1탄에서는 Firebase 프로젝트를 만들고, HTML로 앱의 뼈대를 세우는 작업을 했습니다. 오늘은 드디어 이 뼈대에 살을 붙여 앱을 실제로 살아 움직이게 만드는 시간입니다!로그인, 회원가입, 글쓰기, 사진 올리기, 선생님의 승인 기능까지! 자바스크립트 코드로 모든 기능을 완성하고, 마지막으로 우리 앱을 진짜 인터넷 주소로 세상에 공개하는 방법까지 함께 알아볼게요. 4단계: 보안 규칙 설정하기 (우리 집 '현관문'과 '규칙' 만들기)본격적으로 기능을 만들기 전, 아주 중요한 작업이 있습니다. 바로 우리 앱의 '보안 규칙'을 정하는 일이에요. 이 규칙이 없으면 아무나 우리 집에 들어와 데이터를 망가뜨릴 수 있어요.1. 데이..

AI 디지털 혁신 2025. 6. 25. 13:54

코딩 1도 몰라도 괜찮아! 우리 반만의 챌린지 앱 만들기 (1탄)안녕하세요! 오늘은 코딩 경험이 전혀 없는 분들도 따라 할 수 있는 '나만의 웹 앱 만들기' 프로젝트를 시작해보려 합니다. 학생들이 학교생활 속에서 긍정적인 활동을 기록하고, 선생님이 포인트를 주며 격려하는 간단한 '세계시민활동' 앱을 함께 만들어 볼 거예요.최종 목표는 학생들이 휴대폰이나 컴퓨터로 접속해서 활동 사진과 글을 올리고, 자신의 등급과 점수를 확인하는 것입니다. 오늘은 그 첫 단계로, 앱이 작동할 땅을 마련하고 집의 뼈대를 세우는 작업을 해볼게요!우리가 만들 마법의 도구, Firebase서버니, 데이터베이스니 하는 어려운 말들은 잠시 잊으셔도 괜찮습니다. 우리는 구글이 만든 'Firebase(파이어베이스)'라는 아주 편리한 도구..

AI 디지털 혁신 2025. 6. 22. 22:52

앱 공개하고 추가기능 아이디어 더하기 세상에 공개하고 추가 기능 더하기안녕하세요! Firebase로 나만의 웹 앱 만들기 시리즈의 마지막 3부입니다. 지난 1부에서는 Firebase의 개념을 알아보았고, 2부에서는 실제로 동작하는 귀여운 실시간 방명록 앱을 함께 만들어 보았습니다.혹시 1, 2부를 놓치셨다면 먼저 보고 오시는 것을 추천해 드려요![1부: Firebase란 무엇일까? 다시보기: Firebase로 나만의 웹 앱 만들기 (1부) ][2부: 실시간 방명록 앱 만들기 다시보기: Firebase로 나만의 웹 앱 만들기 (2부) ]지금까지 우리는 내 컴퓨터에서만 열어볼 수 있는 HTML 파일을 가지고 있었습니다. 이번 3부에서는 드디어 이 방명록을 전 세계 누구나 접속할 수 있는 실제 웹사이트 주소(..

AI 디지털 혁신 2025. 6. 19. 20:10

지난 1부에서는 Firebase의 개념을 알아보았죠.Firebase로 나만의 웹 앱 만들기 (1부) Firebase로 나만의 웹 앱 만들기 (1부)Firebase란 무엇일까?나만의 웹사이트나 애플리케이션을 만들어보고 싶다는 생각, 한 번쯤 해보셨나요? 아이디어는 있지만, '서버는 어떻게 만들지?', '데이터베이스는?', '로그인 기능은 어떻게 구shinypeace.tistory.com 이제 직접 코드를 작성하며 실시간으로 동작하는 간단한 방명록 웹 앱을 만들어 보겠습니다. 아래 캔버스에는 바로 실행해 볼 수 있는 전체 HTML 코드를 담았습니다. 이 코드만으로 Firebase의 강력한 실시간 데이터베이스 기능을 체험할 수 있을 거예요. 실시간 방명록 앱 실제 코드: firebase 방명록 앱 제작을..

AI 디지털 혁신 2025. 6. 18. 11:11

아래 코드를 읽어보고 한글로 된 부분을 바꿀 수 있어요.문구를 바꾸어 코드를 적용해보세요*반드시 바꿔야 하는 부분1) 본인의 SDK 스크립트로 변경(firebase 콘솔의 프로젝트 설정에서 변경)2) 방명록을 초기화하는 비밀번호 변경(현재는 1234)3) 기타 제목이나 문구 등 변경(선택사항) html>html lang="ko">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Firebase 우리들의 방명록 (수정/삭제)title> script src="https://cdn.tailwindcss.com">script> style> ..

AI 디지털 혁신/수업템 자료배포 2025. 6. 18. 09:15

Firebase란 무엇일까?나만의 웹사이트나 애플리케이션을 만들어보고 싶다는 생각, 한 번쯤 해보셨나요? 아이디어는 있지만, '서버는 어떻게 만들지?', '데이터베이스는?', '로그인 기능은 어떻게 구현하지?' 같은 막막함에 부딪히곤 합니다. 이런 고민을 한 방에 해결해 줄 수 있는 강력한 도구가 바로 Firebase입니다.이번에는 총 2회에 걸쳐 Firebase의 핵심 개념을 알아보고, 직접 간단한 방명록 웹 앱을 만들어보는 실습까지 진행해 보겠습니다. 오늘은 그 첫 번째 시간으로, 'Firebase가 도대체 무엇이고 왜 사용하는지'에 대해 쉽고 재미있게 알아보겠습니다.🤔 Firebase, 그것이 무엇일까요?Firebase는 구글이 제공하는 'BaaS(Backend as a Service)' 플랫폼입..

AI 디지털 혁신 2025. 6. 18. 08:59