로컬 서버에서 플러그인 호스팅

FormIt에서 복제된 플러그인을 미리 보려면 로컬 서버에서 해당 플러그인을 호스팅해야 합니다.

IDE에서 터미널 보기

별도의 터미널 창 대신 Visual Studio Code 내에서 서버를 시작할 수 있습니다. **** 터미널을 열기 전에 Visual Studio Code에서 올바른 폴더가 열려 있는지 확인하십시오.

뷰 > 터미널(또는 단축키 Ctrl + `)

HTTP 서버 설정

제대로 작동하는 HTTP 서버는 npm의 http-server입니다.

먼저 NodeJS(아직 설치되어 있지 않은 경우)를 다운로드하여 설치해야 합니다.

다음 단계에서 오류가 발생하면 컴퓨터를 다시 시작하여 NodeJS 설치를 완료해 봅니다.

명령 프롬프트에서 다음을 입력하여 npm의 _http-server_를 전역으로 설치합니다(일회성 설정).

  • npm install http-server -g

로컬 서버 시작

설정이 완료되면 터미널에서 다음 명령을 실행하여 npm http-server를 시작합니다.

  • http-server

팁 1: 전역 또는 로컬로 설치된 http-server를 실행하는 데 문제가 있는 경우 npx를 통해 직접 실행하는 것이 도움이 될 수 있습니다.

  • npx http-server

팁 2: Windows 10/11 사용자의 경우 새 컴퓨터에서 스크립트를 실행할 때 오류가 발생하면 설정이 비활성화되어 있기 때문일 수 있습니다. 이 문제를 해결하려면 다음을 수행합니다.

  • PowerShell 스크립트를 관리자 권한으로 시작합니다.

  • 다음과 같이 입력합니다. Set-ExecutionPolicy RemoteSigned

FormIt 웹용 개발

FormIt 웹용으로 개발하려면 다음 명령을 대신 실행하면 됩니다.

  • http-server --cors

서버 확인

웹 브라우저에서 다음 주소로 이동하여 서버를 확인할 수 있습니다.

  • http://localhost:8080

브라우저 창에 프로젝트 폴더 파일이 표시됩니다.

**npm이 아닌 다른 웹 서버를 사용하는 경우 기본 주소/포트가 다를 수 있습니다.

Last updated