내일배움 과제/CH4-13 아이템 환경설정더보기설치(npm)# 프로젝트 시작npm init -y# express socket.io 설치npm install express socket.io# prettier nodemon 설치 (위에서 이미 설치됨으로 중복 제거)npm install --save-dev nodemon prettier# prismanpx prisma init# CORS 미들웨어를 설치 : http://localhost:3000랑 http://127.0.0.1:3000를 동일하게 인식npm install cors 스테이지, 아이템 어떻게 만드는지 찾아보기 시작 ~ 스테이지 올리기더보기서버와 연결 public\Socket.js의 socket -> const socket = io('http://localhost:3000', {.. 2024. 12. 18. 크롬 공룡 만들기 1. 환경 설정Vscodehttp, css, jsDB : mySQLprimalocalhost:3306# 프로젝트 시작yarn init -y# express socket.io 설치yarn add express socket.io# prettier nodemon 설치 (위에서 이미 설치됨으로 중복 제거)yarn add -D nodemon prettier# prisma$ yarn prisma init // package.json // main 서버파일로 수정"main": "src/app.js",// 옵션 추가"type": "module", "scripts": { "dev":"nodemon ./src/app.js" } // .prettierrc { "singleQuote": true, "sem.. 2024. 12. 16. CH4 발제 이번 과제와 학습 정리1. 학습 개요주요 주제: 웹소켓을 활용한 실시간 데이터 통신 학습 및 싱글플레이 게임 제작.목표:게임 개발 과정 이해.프로토콜(HTTP, TCP, WebSocket) 구분.데이터 패킷 설계 능력.Node.js 기반 게임 서버 구축.핸들러 구조로 데이터 처리.활용 방안: 클라이언트-서버 패킷 설계와 Node.js 기반 실시간 게임 서버 제작 가능.2. 과제 내용싱글플레이 게임 과제기획:시간 및 스테이지별 점수 획득 구분.아이템 생성 및 획득 점수 차별화.기본 구조:패킷 설계:handlerID: 요청 처리 핸들러 ID.userId: 유저 ID.clientVersion: 클라이언트 버전 정보.payload: JSON 형식의 요청 내용.데이터 테이블 설계:스테이지 정보 (ID, 점수, 초.. 2024. 12. 10. 이전 1 다음
