컨텐츠로 건너뛰기
이동 열기 esc닫기

미리보기와 개발 서버

개발 서버를 띄우면 OpenChamber가 별도의 브라우저 탭 대신 앱 안에서 바로 열어 줍니다. 채팅 옆에 사이트를 두고 요소를 가리키며 물어볼 수 있습니다.

개발 서버 열기

앱 헤더의 지구본 버튼으로 브라우저 패널을 엽니다. 개발 서버가 이미 실행 중이면 목록에 나타나고 클릭 한 번으로 열립니다. OpenChamber는 컴퓨터에서 실제로 수신 대기 중인 것을 보고 찾아내므로, 어떻게 실행했든 상관없이 동작합니다.

다음 경우에도 개발 서버가 자동으로 열립니다.

  • 터미널의 로컬 주소에서 미리보기 열기 를 누를 때
  • 자동 열기를 켠 프로젝트 작업이 서버를 시작할 때
  • 채팅 메시지의 로컬 링크를 따라갈 때

주소는 언제든 직접 입력할 수 있습니다. localhost:5173 처럼 스킴을 생략하면 http:// 로 처리됩니다.

원격 OpenChamber와 함께 쓰기

OpenChamber가 다른 컴퓨터에서 실행 중이면 개발 서버도 컴퓨터에 있습니다. 노트북의 localhost는 전혀 다른 곳을 가리키죠. 데스크톱 앱이 이를 대신 처리합니다. 로컬 포트를 열어 원격 개발 서버까지 연결을 이어 주므로 페이지가 평소처럼 로드되고 핫 리로드와 개발자 도구도 동작합니다. 여러분은 기대한 주소를 그대로 입력하면 되고, 내부 배관은 눈에 띄지 않습니다.

이 기능에는 데스크톱 앱이 필요합니다. 브라우저 탭에서는 자신의 컴퓨터에 있는 개발 서버만 열 수 있습니다.

페이지에 주석 달기

요소를 가리키고, 페이지에 그리고, 스타일 변경을 시험해 보고, 이 모두를 채팅으로 보내는 방법은 브라우저 패널을 참고하세요.

관련 문서