무료 웹 데모 · 게임명 투표 준비 중 · CODE:SHIFT는 작업명입니다

이 카페, 당신의 코드가 필요해요.

휴대폰 밖으로 튀어나온 메뉴판, 이상한 커피값, 도착하지 않는 주문. 파일을 고치고 결과를 확인하며 작은 카페의 문을 열어 주세요.

무료 데모 플레이

본편 개발 빌드 영상 · 데모에서 잠긴 콘텐츠 포함

빵집 계산을 고치고, 보상으로 도구를 사고, 내 포트폴리오 1.0을 배포하기까지.

한국어판 실제 게임 화면 · 자동 조작·속도 편집 · 편집 효과음 포함

Music: “Voxel Revolution” — Kevin MacLeod (incompetech.com), CC BY 4.0. Trimmed, tempo adjusted and mixed.

공개 범위: 카페 입문 3장 + 오픈 행사
플레이 환경: PC 브라우저 · 무료 · 가입 없이
언어: 한국어 / English / 日本語 · 자동 설정

컴퓨터를 조작하는 코딩 퍼즐

CODE:SHIFT는 가상 컴퓨터를 직접 조작하는 코딩 시뮬레이터입니다. 무료 데모에서는 카페의 세 가지 문제를 해결하고 OPEN 간판을 켭니다. 함께 배우기로 한 부분씩 고치거나, 에디터와 터미널에서 직접 작업할 수 있습니다. 터미널·서버·API는 게임 안의 시뮬레이션입니다.

데모에서 맡을 세 가지 부탁

휴대폰 안에 메뉴판 담기
카페 이름이 다르고, 메뉴판이 휴대폰 화면 밖으로 삐져나옵니다.
간판 이름을 직접 입력하고 너비 슬라이더를 움직여 보세요. 변경을 파일에 저장하고 휴대폰에 맞는 메뉴판을 확인합니다.
width: 960px; → width: 100%;
수상한 계산대 고치기
4,500원짜리 커피 세 잔의 합계가 4,503원으로 표시됩니다.
계산 연산자를 직접 입력하고 파일에 저장하세요. 잔 수를 바꾸고 손님에게 음료를 건네며 합계를 확인합니다.
price + quantity → price * quantity
사라진 주문 연결하기
손님이 주문했는데 카운터에는 주문서가 도착하지 않습니다.
메뉴 주소와 주문 보관 설정을 고친 뒤 가상 서버를 켜고 API 요청을 보내세요.
/menu → /api/menu

읽고, 고치고, 확인하고, 전달하기

메시지로 부탁을 받고, 고장 난 화면을 살펴보고, 파일을 고친 뒤 검사해 전달합니다. 지금 할 일과 대상 앱·파일은 퀘스트에 표시됩니다. 함께 배우기와 직접 작업 모드는 설정에서 언제든 바꿀 수 있습니다. 세 의뢰를 마치고 카페 문을 열면 데모 이야기가 끝납니다.

다음 행동은 화면에 남아 있습니다

힌트는 보고 싶을 때 직접 엽니다. 사용해도 보상은 줄지 않습니다. 자동완성, 실행 취소, 터미널 기록과 Tab 완성을 사용할 수 있고, 두 플레이 방식은 같은 카페 파일을 수정합니다.

주요 조작

클릭: 바탕화면 앱 열기, 작업 표시줄로 앱 전환
X / Esc: 앱 창 닫기. 작업 표시줄에서 다시 열 수 있습니다
Enter: 터미널 입력 실행
Tab / Ctrl+Space: 에디터 자동완성. 터미널에서는 Tab으로 명령·경로 완성
Ctrl+Enter: 에디터에서 수정한 파일 검사

플레이 환경과 저장

JavaScript와 브라우저 저장을 사용할 수 있는 최신 브라우저가 필요합니다. 데스크톱 Chrome에서 진행을 확인했으며 모든 브라우저·기기의 동작을 보장하지 않습니다.
키보드와 마우스가 있는 컴퓨터를 권장합니다. 작은 화면용 배치도 제공하며 일부 조작은 터치로 할 수 있습니다. 게임패드 지원은 포함하지 않습니다.
페이지를 불러오려면 인터넷 연결이 필요합니다. 게임 안의 설치·Git·네트워크 명령이 실제 컴퓨터에 프로그램을 설치하거나 실제 서버를 변경하지 않습니다.
진행은 현재 브라우저에 자동 저장됩니다. 설정에서 JSON 백업을 내보내고 불러올 수 있습니다. 사이트 데이터를 지우면 진행이 사라질 수 있으며 다른 기기로 자동 동기화되지 않습니다.
데스크톱 설치판 후보는 웹 버전과 별도로 준비 중입니다. 배포된 정식 설치판이나 Steam 출시를 의미하지 않습니다.

자주 묻는 질문

코딩을 몰라도 시작할 수 있나요?: 코딩을 처음 접하는 플레이어를 목표로 현재 행동과 수정 위치를 안내합니다. 실제 초보자의 이해도, 교육 효과나 완주율을 측정한 결과는 아직 없습니다.
무료인가요? 가입해야 하나요?: 카페 입문 3장과 오픈 행사를 무료로 플레이할 수 있으며 가입은 필요 없습니다. 동네 의뢰 18개, 선택 연습 6개, 고급 코드 실험실과 최종 개인 프로젝트·엔딩은 본편용 콘텐츠로 데모에서 잠겨 있습니다. 게임 크레딧은 가상 자금입니다.
Steam에서도 플레이할 수 있나요?: 한국 정가는 11,000원이며 출시 첫 7일은 20% 할인한 8,800원으로 정했습니다. 아직 Steam 가격에 적용하지 않았고 이 게임은 Steam에 미등록입니다. Steam 실환경 동작과 출시 일정도 확정하지 않았습니다.
어떤 언어를 지원하나요?: 첫 접속의 자동 설정은 접속 국가를 기준으로 한국은 한국어, 일본은 일본어, 그 외는 영어를 선택합니다. 국가 정보가 없으면 브라우저 언어를 사용합니다. 타이틀이나 설정에서 직접 선택하면 그 선택이 우선합니다.
내 컴퓨터에서 코드가 실행되나요?: 터미널과 서버는 게임 상태를 바꾸는 가상 환경입니다. HTML/CSS 미리보기와 제한된 JavaScript 해석기, 계산·설정 판정을 제공하며 범용 개발 환경이나 실제 운영체제는 아닙니다. 외부 AI/LLM을 호출하지 않습니다.
플레이 시간이나 이용 등급이 정해져 있나요?: 초보자 대상 플레이 시간을 아직 측정하지 않았습니다. 코딩을 모르는 15세 전후 플레이어를 디자인 대상으로 삼지만 공식 이용 등급을 받았다는 의미는 아닙니다.
이전에 저장한 전체판 진행은 어떻게 되나요?: 기존 진행은 삭제하거나 카페 3장으로 잘라내지 않습니다. 본편 콘텐츠는 데모에서 실행할 수 없지만 설정에서 전체 저장 백업을 내보낼 수 있습니다. 새로 시작하려면 초기화 확인이 필요합니다. 저장은 접속한 주소와 브라우저마다 별도입니다.