인기 포스트
-
[TIL] 스파르타) Project 3 - 3일 차 (CSS 관련)
학습 키워드: javascript, css, position, grid, git, rebase 1. CSS Grid프로젝트 3일 차를 진행하면서 Grid를 많이 손봤는데, 지난번에 작성했던 Grid에 대한 정보 중 추가할 부분들이 있어서 작성하기로 했다..info-container { position: relative; width: 50vw; left: 50vw; transform: translate(-50%, 0); padding: 10px 10px 10px 10px; display: grid; column-gap: 10px; grid-template-areas: "a b" "a c" "a d" "a e";}.info-le..
-
스파르타) The Last Rollback (D-33, Node.js 게임 서버 최종 프로젝트)
> 과제 진행 간 완료한 사항 및 문제점과 해결 과정을 정리해보았다.학습 키워드: Protobuf, C# 1. 과제 진행 간 알게된 것1) 프로토콜 버퍼 관련 사항: 바로 어제자 TIL의 2. 문제점 1) 에서 작성한 내용인데, 어제는 원인이 명확하지 않아서 두 번 직렬화 하고 역직렬화 하는 과정에서 문제가 생긴다고 판단했으나, 팀원과 상의해본 결과 역직렬화 로직 자체에서는 태그를 잘 못 인식할 가능성이 없다고 결론이 내려졌다. 이상하다고 생각되어 어제와 동일한 구조를 만든 뒤 테스트 해보니 실제로 다시 역직렬화가 잘 되는 것을 확인했다. 분명 ResponsePacket 구조도 전부 일치했고 서버측 직렬화 및 역직렬화가 정상적으로 동작하는 것을 console로 찍어서 확인 했고, 매핑된 패킷 번호 또한 ..
-
(WIP) 스파르타) Node.js 5기 게임 서버 최종 프로젝트 (D-3)
> 개발 과정을 문서로 정리하면서 이전 TIL 글 들에서 놓친 디테일을 조사하고 추가하여 당시 발생한 문제들의 원인을 좀 더 정확하게 알 수 있었다. 학습 키워드: - 1. Progress1) Notion 문서 작업: 서버 아키텍처 - 데디케이티드 서버 로직 | Notion서버 플로우eliotjang.notion.site 서버 아키텍처 - Dedicated Server | NotionBuilt with Notion, the all-in-one connected workspace with publishing capabilities.eliotjang.notion.site > Dedicated 서버 개발 과정 정리 관련 TIL 링크 : https://donkim0122.tistory.com/165 : ht..
-
스파르타) The Last Rollback (D-18, Node.js 게임 서버 최종 프로젝트)
> 클라이언트에서 패킷 처리 부분에 약간의 오류가 있어 중간 발표 시연 전에 빠르게 수정하게 되었다. 학습 키워드: Unity, C#, SceneManager 트러블 슈팅1) 게임 세션 종료 후 마을 복귀 시 일부 클라이언트에서 다른 유저가 보이지 않는 문제: 마을 귀환을 처리하는 부분의 코드 동작 순서로 인해 일부 유저의 클라이언트에서 몇몇 다른 유저가 보이지 않는 현상이 발생했다. 서버 쪽 로그에서는 모든 유저가 세션에 있는 것을 확인했으며, 모습을 못 보는 클라이언트의 캐릭터가 움직이면 다른 클라이언트에서는 해당 유저의 위치 정보 동기화가 잘 이루어졌기 때문에 클라이언트 코드 문제인 것을 알 수 있었다. // PacketHandler.cs (클라이언트)...public static void S_E..
-
스파르타) The Last Rollback (D-36, Node.js 게임 서버 최종 프로젝트) - Protobuf
> 과제 진행 간 완료한 사항 및 문제점과 해결 과정을 정리해보았다. 학습 키워드: Protobuf, Node.js, TCP, socket 1. 완료한 과제 진행 사항1) 프로토콜 버퍼 / 직렬화 관련 기능 추가 완료: packetType 중복 파일 제거" data-og-host="github.com" data-og-source-url="https://github.com/eliotjang/the-last-rollback-server/pull/4" data-og-url="https://github.com/eliotjang/the-last-rollback-server/pull/4" data-og-image="https://scrap.kakaocdn.net/dn/bhDVXB/hyWCAp1TX3/0lZBbyul..
-
Bull 라이브러리 (Node.js)
> 최종 프로젝트 진행 전 기획 단계에서 사전학습으로 Bull 라이브러리에 대해 간략하게 조사해보았다. 학습 키워드: Node.js, Bull Queue 1. Bull1) What is it?: Bull은 Redis 기반의 Queue 시스템이다. Redis에서도 자체적으로 Queue를 지원하지만, low level의 디테일을 신경 쓸 필요 없도록 API화 시켜둔 라이브러리라고 할 수 있겠다. 2) How does it work?: npm install bull --save (NPM 설치) // my-first-queue 가 instantiation name이 된다.const bullQueue = new Bull('my-first-queue'); Bull 클래스 생성자에 인자로 instance 이름을 ..