Visual Studio Code3 VSCode에서 HTML, CSS, Javascript 소스를 Minify하기 Visual Studio Code에서 HTML, CSS, Javascript소스를 Minify하는 방법에 대해서 설명해 드리겠습니다. 그전에 앞서 Minify를 하는 이유를 간단히 알아보겠습니다. Minify란? 웹 사이트나 웹 애플리케이션에서 사용되는 파일(예: HTML, CSS, JavaScript)의 크기를 줄이기 위한 과정을 말합니다. 이 과정은 파일에서 불필요한 공백, 줄 바꿈, 주석 등을 제거하여 파일의 크기를 줄이는 것입니다. 이렇게 함으로써 아래와 같으 효과를 얻을 수 있습니다. Minify에 의한 이점 로딩 속도 향상: 파일이 작으면 더 빠르게 다운로드됩니다. 작은 파일을 다운로드할수록 페이지 로딩 시간이 더 빠르게 줄어들어 사용자 경험을 향상합니다. 또한, 빠른 로딩 속도는 검색 엔진 .. 2023. 3. 7. VSCode의 Live Server확장 프로그램 https로 실행하기 Visual Studio Code의 Live Server는 기본적으로 HTTP 프로토콜을 사용합니다. 그러나 HTTPS를 사용하려면 다음과 같이 설정할 수 있습니다. 1. OpenSSL 설치: 먼저 OpenSSL을 설치해야 합니다. Windows에서는 OpenSSL을 설치하는 것이 상대적으로 간단합니다. OpenSSL을 설치하려면 OpenSSL 다운로드 페이지(https://slproweb.com/products/Win32OpenSSL.html)에서 Windows용 바이너리 파일을 다운로드하고 설치합니다. 2. 인증서 생성: 다음으로, 터미널에서 명령을 실행하여 인증서를 생성합니다. openssl req -newkey rsa:2048 -x509 -nodes -keyout key.pem -new -out .. 2023. 2. 22. VS Code Remote - SSH 특정포트로 접속 방법 VS Code의 확장 팩인 "Remote -SSH"에서 특정포트로 접속하는 방법입니다. 접속을 위해서 VS Code에서 "F1"키를 누르고, 검색창에서 "Remote-SSH: Connect to Host..."을 검색 후 선택합니다. 입력란에 아래와 같은 형태로 접속지 주소와 포트명을 적습니다. (예: user: 사용자명, 호스트ip: 111.111.111.111, port: 2222) "사용자명@111.111.111.111:2222" 비밀번호 입력창이 나오면 입력 후 "폴더 열기"를 이용해서 원격지서버 파일 및 폴더에 접근 가능합니다. 2022. 7. 12. 이전 1 다음 반응형
