Local Proxy Server

This extension emulates Nginx's routing behavior (path priority, proxying) for local web development without requiring Nginx installation. 이 확장 프로그램은 로컬 웹 개발을 위해 Nginx 없이도 Nginx의 라우팅 동작(경로 우선순위, 프록시)을 에뮬레이션합니다.

기능

• 서버 실행/중지: VS Code 하단 상태바를 클릭하거나 명령어를 통해 서버를 제어합니다.
• 자동 경로 탐색: 프로젝트 내의 web 폴더들을 자동으로 찾아 서빙 우선순위에 추가합니다. (COM -> VAT -> PTIT 등)
• 프록시 지원: 로컬에 없는 파일이나 특정 확장자(.sse, .jse)는 설정된 타겟 도메인으로 프록시합니다.
• 설정 커스터마이징: 포트, 루트 경로, 타겟 도메인 등을 자유롭게 설정할 수 있습니다.

사용법

1. 기본 실행

1. 확장 프로그램을 설치합니다.
2. VS Code 좌측 하단의 $(server) Start Proxy 버튼을 클릭하여 서버를 시작합니다.
3. 브라우저에서 http://localhost:5660으로 접속하여 확인합니다.(port 설정은 확장 설정에서 변경 가능)

2. 폴더(Root Directory) 설정 방법

이 확장 프로그램은 정적 파일을 서빙할 때 여러 폴더를 루트 디렉토리로 지정할 수 있습니다. 설정은 프로젝트별(Workspace) 또는 **전역(Global)**으로 적용할 수 있습니다.

옵션 A: 현재 프로젝트에만 적용 (추천)

특정 프로젝트에서만 사용할 경로를 설정할 때 사용합니다. settings.json 파일이 .vscode 폴더 내에 생성됩니다.

1. F1 (또는 Ctrl+Shift+P)을 누르고 Preferences: Open Workspace Settings (JSON) 검색 및 실행.
2. 다음 내용을 추가하거나 수정합니다:

   {
       "localProxyServer.rootDirectories": [
           "c:/Users/Me/Project/MyWeb/web",
           "c:/Users/Me/Project/AnotherWeb/web"
       ],
       "localProxyServer.port": 5660,
       "localProxyServer.targetDomain": "https://example.com"
   }
   

옵션 B: 모든 프로젝트에 적용 (전역 설정)

VS Code를 사용하는 모든 프로젝트에서 공통적으로 적용할 때 사용합니다.

1. File > Preferences > Settings (단축키 Ctrl+,) 메뉴로 이동.
2. 검색창에 Local Proxy Server 입력.
3. Extensions > Local Proxy Server 항목에서 원하는 설정을 변경합니다.
   • Root Directories: Add Item을 눌러 경로 추가.
   • Port: 포트 번호 변경.
   • Target Domain: 프록시 대상 도메인 변경.

3. 기타 명령어

• Local Proxy Server: Add Root Directory: 탐색기 창을 통해 폴더를 선택하여 현재 설정에 추가합니다.