200_OK

📌 Notice 개발 블로그 https://codingjh.tistory.com/

[Chatppiok] 1_시작, 블로그에 공간을 만든다는 발상 본문

프로젝트

[Chatppiok] 1_시작, 블로그에 공간을 만든다는 발상

bluerainxx 2026. 1. 24. 21:16

 


(잡담)

안녕하세요.

굉장히 오랜만에 글을 씁니다.

말투도 어색하네요.

 

 

지난 몇 년간 많이 바쁜 탓에

블로그에 글쓰는게 생각보다 시간이 오래걸려서 공백이 길었습니다.

그냥 노션이나 에버노트에 저만 알아보게 휘갈겨(?) 쓰는게

시간 절약도 엄청 되고 편했거든요.

 

 

근데 신기하게도 계속 방문자가 있길래 버려두긴 아쉬워서

정보정리겸, 포폴겸 등등으로

다시 시작합니다!

 

-이상-


 

 

(본론)

블로그 단장을 하던 중

블로그가 너무 심심하다! 뭔가 색다른 거 없을까?

생각하다가 떠올린 아이디어입니다.

 

 

 

 

 

아이디어를 탐색 기준은 아래와 같습니다.

 

1. 티스토리 편집 기능 내(html, css 수정 기능)에서 가능한 것  📌가장 중요!!!

2. 실시간 서비스

3. WEB-WAS-DB 사용 : 공부 목적 & 로그를 직접 보고싶음

4. 로컬 VM 환경과 클라우드에서도 동일하게 서비스 가능

5. 소통을 할 수 있으면 좋을 것 같음

6. 추후 기능 확장 가능한 주제

 

 

 

 

 

그렇게 내린 결론은

실시간 접속자들끼리 채팅을 할 수 있는 서비스

마치 게임에서 광장에서 캐릭터들이 움직이고 채팅으로 대화하는 것 처럼 말이다.

복잡한 형태보단 서비스를 티스토리가 아닌 외부 서버로 연동해서 사용 가능한 것에 초점을 두고

우선 간단한 형태로 만드는 걸 목표로 한다.

 

 

 

 

그리고 블로그내 미리보기 편집 기능은 있으나 한계가 있어

VS Code를 사용했다.

 

 

Documentation for Visual Studio Code

Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

 

 

 

 

 

 

코드는 chatGPT나 제미나이, 커서 등의 AI 도움을 받아 작성

 

 

 

 

 

 

그렇게 간단히 만들어진 1안 

첫 접속
키보드 방향키로 움직이는 것도 됨(몽글판다 위치 확인)

 

 

 

 

 

그리고 system 연결 오류 부분은 우선 가장 간단한 방법인

중계용 서버 역할을 할 개인 vm에 sever.py 파일을 생성해서 접속은 성공했으나

갑자기 몽글판다(이하 캐릭터라고 칭함)와 접속자 수가 사라져서 원인을 찾아봐야한다.

 

# requirements: websockets
import asyncio, json, secrets, time
import websockets

STATE = {}      # id -> {nick,x,y,ts}
CLIENTS = {}    # id -> websocket

def now_ms():
    return int(time.time() * 1000)

.
.
.
(이하 생략)

 

 

 

 

 

이번 글은 시작부분을 정리하기위해 쓴 것이므로 여기까지

'프로젝트' 카테고리의 다른 글

[Chatppiok] 3_프로젝트 구조 재설정  (0) 2026.01.28
[Chatppiok] 2_구현 방식 결정/ UI UX 구현  (0) 2026.01.26
Comments