프로그래밍/General 60

멀티 플레이 게임서버 구현 4편: 지연 보정

들어가며 이 글은 https://www.gabrielgambetta.com/lag-compensation.html의 글을 공부하면서 옮긴 것으로, 번역과 의역이 섞여있습니다. 이전 3편에 걸친 글에서 다룬 클라이언트 - 서버 아키텍쳐에대한 설명은 다음과 같이 요약할 수 있습니다. 서버는 모든 클라이언트에서 타임스탬프와 함께 입력을 받습니다. 서버는 입력을 처리하고 월드 상태를 업데이트 합니다. 서버는 모든 클라이언트에게 정기적으로 월드 스냅샷을 전송합니다. 클라이언트는 입력을 전송하고 로컬에서 그것을 시뮬레이션 합니다. 클라이언트는 월드를 업데이트 받고 로컬에서 예측한 상태를 서버에서 받은 상태와 동기화 합니다. 다른 엔티티의 과거 상태를 보간합니다. 플레이어의 관점에서 이것은 2가지 중요한 결과를 가져..

멀티플레이 게임서버 구현 3편: 엔티티 인터폴레이션

들어가며 이 글은 https://www.gabrielgambetta.com/entity-interpolation.html의 글을 공부하면서 옮긴 것으로, 번역과 의역이 섞여있습니다. 이번에는 동일한 서버에서 다른 플레이어가 컨트롤하는 캐릭터에 대해서 탐구해보겠습니다. 서버 타임 스텝(Server time step) 이전 글에서 서버의 동작은 비교적 간단했습니다. 클라이언트가 주는 입력을 받아서 게임 상태를 업데이트하고 다시 돌려주면 되었죠. 하지만 여러 클라이언트가 연결된 경우, 메인 서버 루프는 다소 달라집니다. 이 시나리오에서는 여러 클라이언트가 동시에, 그리고 빠른 속도로 연이어 입력을 보낼 수 있습니다. 모든 클라이언트에서 입력이 수신될 때마다 게임 월드를 업데이트하고 게임 상태를 브로드캐스트 하..

멀티 플레이 게임서버 구현 2편: 클라이언트측 예측과 서버측 재조정

들어가며 이 글은 https://www.gabrielgambetta.com/client-side-prediction-server-reconciliation.html 글을 공부하면서 옮긴 것으로, 번역과 의역이 섞여있습니다. 이전 글에서는 권위 있는 서버와 입력만 서버로 보내고 서버가 업데이트된 게임 상태를 보낼 때까지 렌더링하는 멍청한 클라이언트를 가진 클라이언트-서버 모델을 알아보았습니다. 그러나 이런 시스템을 그냥 구현하게 되면 사용자 입력과 화면 변경 사이에 지연이 발생하게 됩니다. 예를 들어, 플레이어가 오른쪽 화살표 키를 누르면 캐릭터가 움직이기 시작하기 전에 0.5초 정도의 시간이 걸립니다. 이는 클라이언트 입력이 먼저 서버로 이동하고, 서버가 입력을 처리하고 새로운 상태를 계산하며, 업데이트..

멀티플레이 게임서버 구현 1편: 클라이언트 - 서버 게임 아키텍쳐

들어가며 이 글은 https://www.gabrielgambetta.com/client-server-game-architecture.html 글을 공부하면서 옮긴 것으로, 번역과 의역이 섞여있습니다. 어떤 종류든 게임을 개발하는 것 자체가 어려운 일이지만, 멀티플레이어 게임은 완전히 새로운 문제를 다루어야하는 독특한 어려움이 있습니다. 호흡이 빠른 멀티플레이어 게임의 클라이언트 - 서버 아키텍쳐를 구성하는 방법에 대해서 알아보겠습니다. 부정행위 문제 (The Problem of cheating) 모든 것은 부정행위에서 시작됩니다. 게임 개발자로서, 싱글 플레이 게임에서 플레이어가 부정행위를 행하는지 여부에는 관심을 두지 않습니다. 그러나 멀티 플레이 게임은 다릅니다. 경쟁 게임에서 부정을 저지르는 플레이..

CPU Overcommit이란?

관련 용어 정리 pCPU 물리 코어의 수. pCPU = 코어 수 * CPU 소켓 수로 계산할 수 있다. [예시] 호스트에 4개의 core가 있는 2개의 CPU가 있을 경우: 8 pCPU vCPU 가상머신에 할당된 가상코어 수. 하이퍼 스레딩 (Hyper Threading) 단일 물리코어가 논리 코어가 2개인 것처럼 동작할 수 있는 기술. 이를 활성화할 경우, 코어당 vCPU 개수가 2개가 된다. 성능도 2배로 늘어나는 것은 아니고 대략 30% 정도 좋아진다고 하며, 돌리는 애플리케이션에 따라 다르다. CPU Overcommit? 스케줄러가 1개의 pCPU당 할당하는 vCPU의 수다. 4 pCPU의 호스트에 4v CPU, 2 vCPU를 할당한 가상머신 2대를 띄웠다면 1.5 : 1의 CPU Overcomm..

포맷 후 cli로 설치 셋업

평소에 사용하는 프로그램들을 새로운 Mac에서 쉽게 설치하는 용도로 모아보았다. brew install --cask google-chrome brew install --cask visual-studio-code brew install --cask slack brew install --cask notion brew install --cask docker brew install --cask karabiner-elements brew install --cask postman brew install --cask iterm2 brew install --cask figma brew install --cask displaylink brew install --cask dbeaver-community brew insta..

구글 설문지 (Google Forms) 완료시 데이터 외부 API로 전송하기

구글 설문지를 완료했을때 보상을 주거나, 추가 정보를 처리해야 할 일이 있을 수 있다. 그래서 구글 설문지를 완료하면 외부 API로 데이터를 보내는 방법을 정리해보려한다. OAuth Scope 추가하기 먼저 더보기 메뉴에서 [스크립트 편집기]로 진입한다. 외부 API로 요청을 보내기 위해서 아래 scope에 대한 권한이 필요한데, 이것을 정의하려면 appsscript.json을 편집해야한다. "https://www.googleapis.com/auth/script.external_request" 프로젝트 설정 > 편집기에 [appsscript.json 매니페스트 파일 표시] 체크를 하면 편집기에서 appsscript.json이 생긴 것을 볼 수 있을 것이다. { "timeZone": "Asia/Seoul"..

vim Cheatsheet

u 뒤로 (Undo) y 복사 (Yank) p 붙여넣기 (Put) c 변경 (Change) d 삭제 (Delete) r 대치 R 단어모두 대치 x 지우기 o 다음줄 삽입 O 이전줄 삽입 w 다음 단어 시작으로 이동 e 다음 단어 끝으로 이동 b 뒤로 한 단어만큼 이동 gg 처음으로 G 끝으로 Ctrl + G 현재 문서에대한 정보 Ctrl + f 다음 페이지 (Forward) Ctrl + b 이전 페이지 (Backward) / 검색 (문서 처음부터) ? 검색 (문서 끝부터) n 다음 검색결과 N 이전 검색결과 :/s/old/new/g 현재 한 줄에있는 old를 new로 변경 :! 외부 명령어 사용 :set nu 라인넘버 보이게 :set hls 검색시 하이라이트 켜기 (highlight search) :se..

VS Code 파란 물결 표시 색상 바꾸기 (flutter const)

Flutter 개발할때 const 키워드를 붙이지 않으면 아주 짜증나는 물결표시가 시선을 강탈한다. 각자 Theme에 따라서 크게 거슬리지 않을때도 있지만, 사진에서 보듯 내 테마는 좀 심했다. ㅋㅋㅋㅋ VS Code settings에서 workbench.colorCustomizations 아래에 editorInfo.foreground 색상을 설정해주면 된다. "workbench.colorCustomizations": { /* 특정 테마만 설정 */ "[Min Dark]": { "editorInfo.foreground":"#58585899" }, /* 전역 설정 */ "editorInfo.foreground":"#58585899", }

[CloudFlare] Workers Log 편하게 보는 법

wrangler tail Worker에 찍은 console.log들을 편하게 보고싶은데, CF에서 제공하는 Real-time Logs는 내가 원하는 정보보다 방대하다. 아래는 그 로그의 예시인데, "logs" 부분에 당시 내가 찍은 console.log가 있다면 담기는 식이다. 실패한 요청만 필터링을 거는 등 스마트하게 로그를 보고싶다면 wrangler tail 명령어를 이용하면된다. { "outcome": "ok", "scriptName": "entrypoint", "exceptions": [], "logs": [], // ****** 바로 여기 !! ********* "eventTimestamp": 1675348988505, "event": { "request": { "url": "https://....