본문 바로가기

내일배움 과제/CH4-14

아이템 환경설정더보기설치(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.
회의(진행사항 검토) 241216 코드 읽는것부터 다시 하는 팀원이 나까지 3명이라 담주가 좀 걱정됨... 모의 면접 – 이동후튜터님 후기압박은 아님질문 답변을 확실 치 않다는 밑밥은 깔지 마라답변만 잘 해라모르는거 나오면 쪼금만 생각해보고 답변하겠습니다.모르면 힌트 좀만 줄순 없을 까요?그래도 모르면 잘 모르겠습니다질문 리스트 순서대로. 세부내용 하나정도?큰틀을 잘 알아두고내 언어로 말하기(외운것 처럼 말하지 말고) 2024. 12. 16.
크롬 공룡 만들기 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.