본문 바로가기

반응형

Web

(13)
[MT Game] 05. MT 퀴즈 게임 코드리뷰 3편 - 데이터 모델 이해하기 MT Game 05 [MT Game] 05. MT 퀴즈 게임 코드리뷰 3편 - 데이터 모델 이해하기 사이트 주소: https://mtgame.vercel.app/ 이번 글의 목표는 화면 뒤에서 움직이는 데이터 구조를 Topic, DrawTopic, ScoreTeam 중심으로 초보자 눈높이에 맞춰 정리합니다. MT Game 코드리뷰 시리즈 바로가기번호글 제목주요 내용03[MT Game] 03. MT 퀴즈 게임 코드리뷰 1편 - 프로젝트 전체 구조 뜯어보기프로젝트 폴더 구조와 전체 흐름04[MT Game] 04. MT 퀴즈 게임 코드리뷰 2편 - app/page.tsx 상태관리와 모드 전환메인 페이지 상태관리와 화면 전환05[MT Game] 05. MT 퀴즈 게임 코드리뷰 3편 - 데이터 모델 이해하..
[MT Game] 04. MT 퀴즈 게임 코드리뷰 2편 - app/page.tsx 상태관리와 모드 전환 MT Game 04 [MT Game] 04. MT 퀴즈 게임 코드리뷰 2편 - app/page.tsx 상태관리와 모드 전환 사이트 주소: https://mtgame.vercel.app/ 이번 글의 목표는 앱의 중심 파일인 app/page.tsx에서 데이터 로딩, 자동 저장, 화면 전환이 어떻게 연결되는지 살펴봅니다. MT Game 코드리뷰 시리즈 바로가기번호글 제목주요 내용03[MT Game] 03. MT 퀴즈 게임 코드리뷰 1편 - 프로젝트 전체 구조 뜯어보기프로젝트 폴더 구조와 전체 흐름04[MT Game] 04. MT 퀴즈 게임 코드리뷰 2편 - app/page.tsx 상태관리와 모드 전환 (현재 글)메인 페이지 상태관리와 화면 전환05[MT Game] 05. MT 퀴즈 게임 코드리뷰 3편 ..
[MT Game] 03. MT 퀴즈 게임 코드리뷰 1편 - 프로젝트 전체 구조 뜯어보기 MT Game 03 [MT Game] 03. MT 퀴즈 게임 코드리뷰 1편 - 프로젝트 전체 구조 뜯어보기 사이트 주소: https://mtgame.vercel.app/ 이번 글의 목표는 MT 퀴즈 게임 프로젝트를 처음 열어보는 사람도 어느 파일이 어떤 역할을 하는지 감을 잡도록 전체 지도를 먼저 봅니다. MT Game 코드리뷰 시리즈 바로가기번호글 제목주요 내용03[MT Game] 03. MT 퀴즈 게임 코드리뷰 1편 - 프로젝트 전체 구조 뜯어보기 (현재 글)프로젝트 폴더 구조와 전체 흐름04[MT Game] 04. MT 퀴즈 게임 코드리뷰 2편 - app/page.tsx 상태관리와 모드 전환메인 페이지 상태관리와 화면 전환05[MT Game] 05. MT 퀴즈 게임 코드리뷰 3편 - 데이터 ..
[MT Game] 02. v0 : AI 로 바이브 코딩 쉬운 배포 서비스 소개 v0 + GitHub 연동서비스 주소: https://v0.app/v0는 Vercel에서 제공하는 AI 기반 웹 앱 제작 도구입니다. 프롬프트로 화면과 코드를 만들고, GitHub 저장소와 연결해 변경 사항을 브랜치, 커밋, Pull Request 흐름으로 관리할 수 있습니다.이 매뉴얼은 v0에 서비스를 올리고 GitHub와 연결한 사용자, 운영자, 협업자가 처음 화면을 보고도 기본 작업 흐름을 이해할 수 있도록 작성했습니다.화면 안내: v0의 프로젝트 내부 화면은 로그인 계정, 팀 권한, 연결된 저장소, 요금제에 따라 다르게 보일 수 있습니다. 이 문서의 이미지는 로그인 전 공개 화면과 v0 공식 문서 화면을 기준으로 캡처했습니다.목차v0에서 할 수 있는 일로그인과 계정 선택첫 화면 사용법템플릿으로 시..
[MT Game] 01. MT 퀴즈 게임 / 워크숍 / 레크레이션 에서 사용할 게임 사용자 매뉴얼 MT 퀴즈 게임 사용자 매뉴얼사이트 주소: https://mtgame.vercel.app/MT 퀴즈 게임은 MT, 워크숍, 수련회, 동아리 모임, 팀 빌딩에서 바로 사용할 수 있는 웹 게임 도구입니다. 별도 설치 없이 브라우저에서 접속해 일반게임, 제비뽑기, 점수 카운팅을 한 화면에서 관리할 수 있습니다.이 매뉴얼은 처음 사용하는 사람도 진행자 역할을 할 수 있도록 접속, 준비, 문제 추가, 전체화면 진행, 점수 관리, 백업까지 순서대로 설명합니다.목차시작하기 전에 알아둘 것첫 화면과 공통 버튼일반게임 사용법퀴즈 주제와 문제 관리퀴즈 전체화면 진행법제비뽑기 사용법점수 카운팅 사용법JSON 저장/불러오기운영 팁과 문제 해결1. 시작하기 전에 알아둘 것권장 사용 환경진행자용 PC 또는 태블릿에서 접속하는 것..

반응형