[파트7] 환경실습(vscode)

1.vscode란?

비주얼 스튜디오 코드Visual Studio Code는 마이크로소프트Microsoft에서 오픈소스로 제공하는 통합 개발 환경(IDE) 입니다.

 

2.익스텐션 이란?

VS Code는 어떤 언어를 사용해도 코드를 쉽게 쓸 수 있게 만들어진 에디터입니다. 언어별로 특화된 기능들은 추가 프로그램을 설치해서 사용할 수 있는데요. 이런 프로그램들은 VS Code의 기능을 확장시켜 준다고 해서 익스텐션(extension)이라고 부릅니다.

 

Live Server

로컬 개발 환경에서 HTML, CSS, JavaScript 파일을 실시간으로 브라우저에서 미리 볼 수 있습니다. 주요 기능은 다음과 같습니다:

1. 자동 새로고침: 파일을 저장할 때마다 자동으로 웹 페이지를 새로 고침하여 변경사항을 바로 볼 수 있습니다. 이는 개발 과정을 더욱 빠르고 효율적으로 만들어 줍니다.
2. 포트 관리: 사용자는 특정 포트에서 서버를 시작할 수 있으며, 필요한 경우 다른 포트로 쉽게 변경할 수 있습니다.
3. 다중 디바이스 테스트: 로컬 네트워크 내의 다른 디바이스(예: 스마트폰, 태블릿)에서 개발 중인 사이트를 테스트할 수 있습니다.
4. HTTPS 지원: 보안이 필요한 개발 환경에서 HTTPS를 통해 사이트를 서빙할 수 있습니다.
5. 커스텀 서버 구성: 사용자는 자신의 요구에 맞게 서버의 동작을 세부적으로 설정할 수 있습니다. 예를 들어, 특정 경로에 대한 라우트 처리나 프록시 설정 등을 할 수 있습니다.

material icon

Material Icons는 구글이 제공하는 아이콘 컬렉션으로, 구글의 Material Design 가이드라인에 따라 디자인된 아이콘들입니다.

indent-rainbow

이 확장 기능은 코드의 들여쓰기 레벨을 다양한 색상으로 시각화하여 개발자가 코드의 구조를 더 쉽게 이해하고 오류를 발견하는 데 도움을 줍니다.

 

 

3.설정동기화(Settings Sync)

vscode를 사용자가 여러기기에서 환경을 일관되게 유지할 수 있도록 도와주는 기능.(유용하게 사용중)

3.출처

GPT

 

https://velog.io/@leesjpr/VS-Code-%EB%8F%99%EA%B8%B0%ED%99%94-%EC%82%AC%EC%9A%A9

VS Code 동기화 사용