로컬호스트:8080 웹 서버에서 사용하는 포트입니다. 이것은 로컬 개발 서버 계속되는 포트 8080 . 다음과 같은 경우에 사용됩니다. 로컬호스트:3000 그리고 로컬호스트:5000 다른 응용 프로그램을 실행 중입니다. 개발자는 localhost:8080을 사용하여 개발된 애플리케이션의 미리 보기를 확인하고 프로덕션에 배포하기 전에 응답성 및 기타 매개변수에 대한 요구 사항에 따라 테스트합니다.

localhost:8080을 분해하여 이해해 보겠습니다.

미디어 전송

• 로컬 호스트: 개발 목적으로 사용 중인 호스트 이름 또는 현재 장치를 나타냅니다.
• 8080: 생성된 개발 서버가 수신 대기하도록 구성된 포트 번호입니다.

아래 사항을 하나씩 이해하여 localhost:8080의 개념에 대해 더 자세히 살펴보겠습니다.

컴퓨터에서 localhost:8080 서버를 시작하는 방법은 무엇입니까?

localhost:8080 서버를 시작하려면 다음과 같이 localhost:8080 포트에서 작동하는 서비스가 필요합니다. ReactJS , NodeJS , VueJS , AngularJS , 등. 언급된 서비스 중 하나를 사용하여 작업하는 경우 사용 중인 서비스에 따라 IDE 또는 명령 프롬프트의 터미널 내에 명령을 입력해야 합니다.

다양한 서비스에 대한 명령은 다음과 같습니다.

• Node.js : 컴퓨터에 node.js가 설치되어 있는 경우 노드 패키지 관리자(npm). 다음과 같은 도구를 사용할 수 있습니다. http 서버 또는 라이브 서버 아래 명령을 사용하여 localhost:8080 개발 서버를 시작합니다.

// Install tools globally npm install -g http-server/liver-server // Navigate to your project cd pathOfYourProject // Start the server at port:8080 http-server/live-server -p 8080>

• ReactJS : ReactJS의 경우 외부에 서버를 설치할 필요가 없습니다. 다음을 사용하여 반응 앱을 만드는 경우 생성 반응 앱 자동으로 개발 서버를 생성합니다. 8080 포트에서 서버를 시작하려면 아래 명령을 실행하면 됩니다.

// Navigate to your project directory cd pathOfYourProject // By default, the port will be 3000, use below command to // run server at port 8080 $env:PORT=8080 ; npm start>

• AngularJS : 각도 앱은 개발 서버와 함께 제공되므로 Angular CLI를 사용하여 각도 앱을 만들고 아래 명령을 실행하기만 하면 됩니다.

// Navigate to your project directory cd pathOfYourProject // Start the server ng serve //By default, angular app run on port 4200 use below command to change it ng serve --port 8080>

개발 서버를 만드는 방법 ReactJS ?

ReactJS에서 개발 서버를 만들고 시작하려면 다음 단계를 따르세요.

• 1 단계: 다음을 사용하여 반응 앱을 만듭니다. npm 생성-반응-앱 명령 뒤에 프로젝트 이름을 지정하여 명령을 실행하세요.

npm create-react-app projectName>

• 2 단계: 현재 프로젝트 폴더로 이동합니다.

cd pathToYourProject>

• 3단계: 내부에 파일을 생성합니다. 소스 폴더를 만들고 아래 명령을 사용하여 서버를 실행하십시오.

$env:PORT=8080 ; npm start>

예: 아래 코드는 파일의 템플릿 코드로 사용할 수 있습니다.

자바스크립트

>

>

산출: