inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

브라우저 창 사이즈 변경에 대응하기

live server와 localhost:8080

405

함소희

작성한 질문수 1

0

언제는 live server로 실행하고 언제는 http://localhost:8080 으로 실행하는데 차이가 뭘까요??

blender 인터랙티브-웹 three.js

답변 2

0

Hydrovac

Live Server and localhost:8080 are commonly used by developers to test and preview websites during development. Live Server provides a convenient way to launch a local development server, allowing developers to view HTML, CSS, and JavaScript changes directly in their browser, often with automatic page reloading whenever files are updated. Meanwhile, localhost:8080 refers to a local web address Pal egg combo chart that uses port 8080 to access an application or development server running on the same computer. Developers frequently use this address to test web applications, APIs, backend services, and interactive features before publishing them online. Although Live Server often uses a different default port, such as 5500, it can be configured to work with other ports depending on the project requirements. Understanding the difference between Live Server and localhost:8080 helps developers troubleshoot connection errors, manage development environments, and ensure their websites function correctly before deployment.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

님의 질문에 대한 답변은 제공된 정보와 직접적인 관련이 없어 정확한 답변을 드리기 어렵습니다. 그러나 일반적으로 Live Server와 localhost:8080으로 실행하는 경우의 차이에 대해 간략히 설명드리겠습니다.

Live Server는 Visual Studio Code와 같은 개발 환경에서 제공하는 확장 프로그램 중 하나로, 개발 중인 웹 페이지를 로컬에서 실시간으로 미리 보기 위해 사용됩니다. Live Server를 사용하면 파일을 수정할 때마다 자동으로 웹 페이지가 새로고침되어 변경 사항을 즉시 확인할 수 있습니다.

localhost:8080은 웹 서버가 로컬 컴퓨터에서 실행되고 있음을 나타내는 주소입니다. 여기서 8080은 웹 서버가 사용하는 포트 번호를 의미합니다. Spring Boot와 같은 백엔드 프레임워크를 사용하여 웹 애플리케이션을 개발할 때 이런 방식으로 로컬 서버를 실행하고 접근할 수 있습니다.

결론적으로, Live Server는 주로 프론트엔드 개발에서 실시간으로 변경 사항을 확인하며 작업하는 데 유용하고, localhost:8080은 백엔드 포함한 웹 애플리케이션 전체를 로컬에서 실행하고 테스트할 때 사용됩니다. 사용하는 도구나 개발 상황에 따라 적절한 방법을 선택하여 사용하시면 됩니다.

rotation.x 방향

0

93

2

CDN으로 수업을 들을경우

0

87

1

box3.position.x 위치

0

114

1

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

153

1

소스코드 파일이 강의랑 같나요?

0

191

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

159

0

gltf 포맷 사용

0

302

1

점프 애니메이션 stop

0

205

2

사양에 따른 다른 결과

0

165

1

중복 질문 삭제

0

211

1

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

0

179

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

175

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

242

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

115

0

그림자가 다르게 표현됩니다

0

195

1

setAnimationLoop 위치가...

0

156

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

196

1

블렌더 texture paint 시 미러모드

0

219

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

151

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

1141

2

fin 버전도 그냥 실행이 안돼요

0

456

2

자바스크립트 실행이 안되는 것 같아요

0

483

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

284

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

314

1