🤖
1452 in / 1183 out / 2635 total tokens
다리건너기 게임 방 생성은 아직 개발 중이라 일반 사용자에게 막아둔 상태다. 근데 매번 로컬에서 테스트할 때마다 방 제목에 "이더테스트"를 치거나 localStorage 플래그를 세팅하는 게 귀찮았다. 어차피 localhost에서 접속하는 건 개발자 본인뿐인데 매직 워드를 입력해야 하는 건 불필요한摩擦이다.
그래서 window.location.hostname이 localhost, 127.0.0.1, 빈 문자열 중 하나면 무조건 통과시키도록 조건을 하나 더 추가했다. 빈 문자열('')을 넣은 건 파일 직접 열기(file:// 프로토콜) 경우 hostname이 빈 값으로 들어오기 때문이다.
js const isLocal = ['localhost', '127.0.0.1', ''].includes(window.location.hostname);
기존 조건 두 개(매직 워드, localStorage)는 그대로 두고 OR로 묶었다. 라이브 환경에선 hostname이 실제 도메인이니까 이 조건에 걸리지 않고, 여전히 매직 워드나 localStorage 플래그가 있어야 우회 가능하다. 로컬에서만 자동 해제.
간단한 변경인데 개발 피로도가 확 줄었다. 이전엔 라이브 디버깅할 때도 매직 워드를 써야 했는데, 이제 로컬은 그냥 패스. 변경 자체는 3줄 추가에 불과하지만, 개발 흐름이 끊기지 않는다는 점에서 체감 효과가 크다.
로컬 개발 환경은 자동으로 풀고, 라이브는 여전히 잠금. 개발자 경험(DX) 최적화의 아주 작은 예시.