로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • 블로그 ABOUT
    • AI 디지털 혁신
      • 수업템 자료배포
    • 사회정서교육(SEL)
    • 세계시민교육(feat. SDGs)
    • 금융 경제 교육

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

AI 디지털 혁신

  • Cosmic Classroom — 교사가 직접 만든 우리반 교우관계 조사 도구

    2026.04.13 by shinypeace

  • AI로 만든 내 앱, 5분 만에 해킹당했다? 비전공자가 99% 놓치는 보안 구멍 5가지

    2026.04.03 by shinypeace

  • 3편: 코딩 초보도 가능할까? React와 Lovable로 자산 관리 웹앱 런칭한 후기 (개발 스택 공유)

    2026.04.02 by shinypeace

  • 3편: 코딩 초보도 가능할까? React와 Lovable로 자산 관리 웹앱 런칭한 후기 (개발 스택 공유)

    2026.04.02 by shinypeace

  • 티스토리 블로그에 개인 도메인 연결하는 완벽 가이드 (+ SSL 빨간 경고창 해결법)

    2026.03.29 by shinypeace

  • firebase 바이브 코딩으로 챌린지앱 만들기(3)

    2025.06.26 by shinypeace

  • firebase 바이브 코딩으로 챌린지앱 만들기(2)

    2025.06.25 by shinypeace

  • firebase 바이브 코딩으로 챌린지앱 만들기(1)

    2025.06.22 by shinypeace

Cosmic Classroom — 교사가 직접 만든 우리반 교우관계 조사 도구

학급의 보이지 않는 관계를 별자리처럼 시각화하다왜 만들었나3월, 새 학기가 시작되면 교사에게 가장 먼저 드는 고민이 있습니다."우리 반 아이들, 서로 어떤 사이일까?"수업 중 표정, 쉬는 시간 동선, 점심시간 자리 배치... 관찰만으로는 한계가 있습니다. 겉으로 웃고 있지만 혼자인 아이, 한쪽에서만 좋아하는 관계, 특정 아이에게 부정적 감정이 집중되는 상황 — 이런 것들은 눈에 잘 보이지 않습니다.기존에도 교우관계 조사 방법은 있었습니다. 종이 설문지를 돌리고, 엑셀에 하나하나 입력하고, 화살표를 그려가며 관계도를 만드는 방식. 한 학급 분석에 반나절이 걸렸습니다. 해본 선생님은 아실 겁니다 — 그 노가다를.그래서 직접 만들었습니다. 학생들은 스마트폰으로 5분이면 설문을 끝내고, 교사는 버튼 하나로 관계..

AI 디지털 혁신 2026. 4. 13. 23:47

AI로 만든 내 앱, 5분 만에 해킹당했다? 비전공자가 99% 놓치는 보안 구멍 5가지

​🛡️ 바이브 코더를 위한 보안 체크리스트 5가지1. ​관리자 및 주요 페이지 권한 설정 ​/admin, /main 등 뻔한 경로로 접속했을 때 로그인 없이 페이지가 열리는지 확인해야 합니다.​AI에게 "어드민 페이지에 인증 미들웨어를 걸어줘"라고 요청하여 권한이 있는 사용자만 접근하도록 잠궈야 합니다.2. ​수파베이스(Supabase) RLS 설정 ​데이터베이스의 '행 단위 보안(Row Level Security)'을 반드시 활성화해야 합니다.​이 설정이 안 되어 있으면 타인의 이메일, 이름, 결제 내역 등이 API 호출 한 번에 유출될 수 있습니다.3. ​프론트엔드 환경 변수 노출 확인 ​금고 비밀번호와 같은 API 키나 시크릿 키가 브라우저 개발자 도구(F12)에서 보이는지 점검해야 합니다.​중요..

AI 디지털 혁신 2026. 4. 3. 07:12

3편: 코딩 초보도 가능할까? React와 Lovable로 자산 관리 웹앱 런칭한 후기 (개발 스택 공유)

관련 글 1: https://shinypeace.tistory.com/14 1편: 사회초년생 재테크, 막막하다면? 내 돈을 지켜주는 '로보 자산 멘토' 개발기안녕하세요.졸업 후 사회 초년생이 된 제자들의 고민을 들었습니다. "내 월급, 이대로 통장에만 둬도 괜찮을까요?", "어디서부터 시작해야 할지 막막해요.", "그냥 누가 딱 이렇게하라고 지침을peace.re.kr 관련 글: https://shinypeace.tistory.com/15 안녕하세요!그동안 간단한 웹 프로젝트를 만들어보는 이야기를 연재했었는데, 드디어 제가 혼자서 고민하고 기획한 실생활 프로젝트 '로보 자산 멘토' 를 세상에 내놓게 되었습니다.이전 1편에서는 왜 이런 서비스를 만들게 되었는지, 2편에서는 핵심 기능 활용법을 소개했는..

AI 디지털 혁신 2026. 4. 2. 14:57

3편: 코딩 초보도 가능할까? React와 Lovable로 자산 관리 웹앱 런칭한 후기 (개발 스택 공유)

관련 글 1: https://shinypeace.tistory.com/14 1편: 사회초년생 재테크, 막막하다면? 내 돈을 지켜주는 '로보 자산 멘토' 개발기안녕하세요.졸업 후 사회 초년생이 된 제자들의 고민을 들었습니다. "내 월급, 이대로 통장에만 둬도 괜찮을까요?", "어디서부터 시작해야 할지 막막해요.", "그냥 누가 딱 이렇게하라고 지침을peace.re.kr 관련 글: https://shinypeace.tistory.com/15 안녕하세요!그동안 간단한 웹 프로젝트를 만들어보는 이야기를 연재했었는데, 드디어 제가 혼자서 고민하고 기획한 실생활 프로젝트 '로보 자산 멘토' 를 세상에 내놓게 되었습니다.이전 1편에서는 왜 이런 서비스를 만들게 되었는지, 2편에서는 핵심 기능 활용법을 소개했는..

AI 디지털 혁신 2026. 4. 2. 14:57

티스토리 블로그에 개인 도메인 연결하는 완벽 가이드 (+ SSL 빨간 경고창 해결법)

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

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

firebase 바이브 코딩으로 챌린지앱 만들기(3)

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

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

firebase 바이브 코딩으로 챌린지앱 만들기(2)

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

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

firebase 바이브 코딩으로 챌린지앱 만들기(1)

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

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

추가 정보

인기글

최신글

페이징

이전
1 2
다음
오늘도 빛나는 옥수수
푸터 로고 © shiny_peace
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바