전체 글
-
[Vite] 로컬 개발환경에서 https 도메인 설정하기Javascript & TypeScript 2022. 12. 24. 22:40
React, Vue, Svelte와 같은 프론트엔드 기반 웹 서비스에서 실제 운영중이거나 개발 된 주 도메인의 쿠키(Cookie)값을 확인하기위해, 로컬 환경이지만 마치 실제 운영중인 사이트의 서브 도메인(sub domain)처럼 사용해야 하는 경우가 있다. 이를 해결하려면 아래와 같은 준비가 필요하다. 1. @vitejs/plugin-basic-ssl 설치 @vitejs/plugin-basic-ssl 모듈 설치 및 적용을 통해 https 통신이 가능하도록 해야 한다. 2022.12 Vite4 설명상에선 자체 서명된 인증서도 사용할 수 있다고 하나 정상동작하지 않는다. vite.config.js import { sveltekit } from '@sveltejs/kit/vite'; import basicS..
-
[Github Codespace] Codespace 생성 시 필요 확장 자동 설치 되도록 구성ETC 2022. 12. 23. 22:24
Visual Studio Code의 확장은 고유한 확장ID (Extension ID)를 가지고 있다. 확장에서 톱니바퀴를 누르면 해당 ID를 복사하여 확인할 수 있다. VSCode를 CLI 기반으로 설치할 때 해당 값을 이용해 확장도 함께 설치할 수 있도록 처리할 수 있는데, Codespace에서도 이것을 이용해 개발환경 생성시 확장도 함께 설치할 수 있도록 구성할 수 있다. 아래는 지난번 생성했던 devcontainer.json 파일에 vscode 확장을 설치 할 수 있는 구성을 추가한 내용이다. image가 이전과 달리 base:ubuntu로 되어 있는데 필요한 항목만 설치하여 Codespace 구축시간을 단축하고자 바꾼 것이므로 이번 내용과는 무관하다. { "image": "mcr.microsoft..
-
[Github Codespace] Codespace + DevContainer로 Cloud 개발환경 구축 맛보기ETC 2022. 12. 22. 21:26
Github 에선 Codespace 라 불리는 클라우드 기반 개발환경을 한도내 무료로 제공하고 있다. 갤럭시탭이나 아이패드에서 웹으로 vscode를 사용할 수 있어 유용하나, 출시초기엔 유료였다. 그러나 Gitpod나 code-server와 같은 클라우드 개발환경이 여럿 나오다보니 정책이 좀 바뀐 듯 하다. 1달 기준으로 일정 사용량을 넘지만 않으면 무료로 사용할 수 있다. 추가방법은 간단하다. Github 사이트에서 자신의 리포지토리에 Code 를 눌러 확인할 수 있다. 별도의 설정없이 + 버튼을 바로 누르면 개발환경 준비작업을 시작한다. 컨테이너 image를 내려받고, 환경을 세팅하기까지 몇 분정도 소요되며, 기다리고나면 vscode 와 동일한 인터페이스의 웹 기반 개발환경을 확인할 수 있다. 기본적..
-
[PowerShell] $ErrorActionPreference 설정으로 ps1 스크립트 오류 발생 시 다음 코드 실행 막기Shell & CMD/PowerShell 2022. 12. 20. 22:38
파워셸 스크립트는 기본적으로 오류가 나도 왠만하면(?) 다음 코드 줄을 실행하게 된다. 아래 코드는 에러를 유발하는 코드와 다음 단계에서 "Work is done." 메시지를 출력하는 스크립트 예제이다. $err = 1 / 0 Write-Host "Work is done." 실행하면 runtimeerror가 발생하게 되는데, 문제는 다음 코드인 Write-Host "Work is done." 도 같이 실행된다는 점이다. 스크립트 동작에서 반드시 정상 선행되어야 하는 코드인 경우 이와 같은 동작은 문제가 발생할 수 있다. 이 경우 $ErrorActionPreference = "Stop" 값을 추가하면 된다. $ErrorActionPreference = "Stop" $err = 1 / 0 Write-Host..
-
[PowerShell 예제] ps1 에서 다른 ps1 파일 참조하기Shell & CMD/PowerShell 2022. 12. 20. 21:32
파워셀 스크립트(.ps1) 파일은 다른 스크립트 파일을 참조할 수 있다. 아래와 같이 각각 env.ps1 과 deploy.ps1 파일을 생성한 뒤 deploy.ps1을 실행해보자 env.ps1 파일 $dev = "is dev env"; $prod = "is prod env"; function Get-Environment([bool]$isDebug = $true) { if ($isDebug) { return $dev; } else { return $prod; } } env.ps1 파일 . .\env.ps1 # 파일의 경로 Get-Environment($true) | Write-Host 실행결과 > .\deploy.ps1 is dev env
-
[PowerShell Tips] .ps1 또는 함수실행시 정해진 파라메터만 받을 수 있도록 처리하는 ValidateSet 속성Shell & CMD/PowerShell 2022. 12. 19. 20:34
소개 ps1 파일을 통한 스크립트 실행 혹은 함수 실행시 특정 파라메터만 받아 처리할 수 있도록 셋을 정의하고 싶을 때가 존재한다. 그럴 땐 정의된 파라메터에 ValidateSet 을 붙이도록 하자 아래 예제는 스크립트 실행시 아래 동작 [CmdletBinding()] param ( [Parameter(Mandatory)] [ValidateNotNullOrEmpty()] [ValidateSet('Development','QA','Staging', 'Production')] [string]$Environment ) Write-Host $Environment 파라메터 $Environmnet 를 받아 작업을 처리하는 ps1 파일 실행시, 필수로 'Development','QA','Staging', 'Produ..