또치의 삽질 보관함 또치의 삽질 보관함

분류 전체보기

• [.NET] ASP.NET Core MVC에 View 영역을 Vite 프로젝트로 개발할 수 있게 도와주는 Vite.AspNetCore 소개

  .NET/유용한 라이브러리 2024. 7. 13. 20:02

  Vite를 기반으로한 웹 프론트엔드 개발시, Next.js, Nuxt.js 가 아닌 ASP.NET Core 웹 프레임워크에 사용해야할 때 유용한 라이브러리이다. https://github.com/Eptagone/Vite.AspNetCore GitHub - Eptagone/Vite.AspNetCore: Small library to integrate Vite into ASP.NET projectsSmall library to integrate Vite into ASP.NET projects - Eptagone/Vite.AspNetCoregithub.com 라이브러리 추가 후 프로젝트에 몇 가지 작업이 필요한데, 브랜치 내 examples를 참고하면 된다. 필자의 경우는 vue 기반의 MPA 형식의 웹 서비..

  Read More
• [SvelteKit] 스벨트킷 과 mdsvex를 이용한 마크다운(Markdown) 기반 사이트 개발 구현하기

  Javascript & TypeScript 2023. 12. 10. 13:35

  Sveltekit 과 mdsvex를 활용하여 마크다운(markdown)을 컨텐츠로 사용하는 나만의 문서기반 사이트를 개발할 때 좋은 프로젝트 구성 순서를 정리한다. 1. 프로젝트 생성 seveltkit 프로젝트 생성명령어를 통해 프로젝트를 생성한다. 본 예제에선 typescript 를 선택했는데, javascript 방식으로 선택해도 별 상관없다. npm create svelte@latest $ProjectName 2. mdsvex 설치 및 적용 svelte 에서 markdown 을 인식시키기 위해 mdsvex 라이브러리를 설치한다. npm i --save-dev mdsvex 설치 후 svelte.cofnig.js 파일을 열어 예시와 같이 수정한다. 주석으로 "추가 영역"이라 명시된 부분이다. impor..

  Read More
• [Javascript] reduce 함수를 통한 합산, 감산, 비교 예제 및 유의사항

  Javascript & TypeScript 2023. 12. 6. 22:07

  reduce는 배열형식의 데이터를 1개의 데이터로 합칠때 사용한다. 숫자형 배열에서 하나의 값으로 합치거나, 빼는 등의 연산을 간략히 수행할 수 있다. 아래는 숫자배열 내 모든 요소를 합산(Sum)하는 예제이다. [1,2,3].reduce((a,b) => a+b, 0) // 6을 반환한다. 비교도 가능하다. 다음은 큰 값(Max)을 구하는 예제이다. 일반적으론 Math.max(...[1,2,3]) 가 잘쓰인다. [1,2,3].reduce((a,b) => a>b? a : b) // 실행결과 3 문자 배열에선 각 요소를 하나의 문자열로 합쳐 출력하게 된다. 일반적으론 join을 더 많이 쓰게 되므로 문자형식의 배열에선 잘 쓰지 않는다. ['1','2','3'].reduce((a,b) => a+b, '0') ..

  Read More
• [PowerShell] 함수 오버로딩처럼 시나리오별 입력 매개변수 정의를 변경하는 매개변수집합(Parameter Set) 알아보기

  Shell & CMD/PowerShell 2023. 12. 2. 16:23

  파워셸에선 파라메터 명칭에 대한 자동완성 기능을 기본적으로 제공한다. 예를들어, Out-File 명령어에 '-f' 만 입력하고 탭 키를 누르면 -FilePath가 나온다. 편리한 기능이지만 일부 함수는 파라메터가 모두 필요하지 않거나, 다른 파라메터가 정의가 반드시되어야 사용할 수 있는 파라메터가 존재할 수 있다. 프로그래밍 상에선 함수 오버로딩(Overloading) 개념을 통해 동일한 함수명에 상황에 맞게 사용할 수 있도록 여러 파라메터를 지정할 수 있지만, 파워셸에선 원칙적으로 함수오버로딩을 지원하지 않는다. 만약 동일한이름을 가진 함수가 여러개 존재한다면 나중에 정의한 함수만 유효하다. 다행히 오버로딩처럼 사용할 수 있는 개념이 존재하는데, 파워셸에선 이것을 '매개변수 집합(Parameter Se..

  Read More
• [PowerShell] 자동변수(Automatic Variable) - 14. $PWD, $ShellId, $StackTrace, $switch, $this

  Shell & CMD/PowerShell 2023. 11. 26. 15:29

  $PWD 현재 파워셸을 실행중인 세션의 경로를 의미한다. $ShellId 현재 파워셸의 식별자를 의미한다. Windows 버전과 Core 구분 없이 Microsoft.PowerShell로 출력한다. $StackTrace 가장 최근 발생한 오류에 대한 StackTrace 정보가 저장된다. stacktrace.ps1 이름의 파일 생성 후 아래와 같이 작성한다. $action = { Write-Host 'try divied by zero' 1 / 0 } $action.Invoke() $switch switch 블록 내에서만 선택 case 열거자 자동변수. 아래 코드는 $switch 변수를 통해 입력받은 case 객체를 화면에 출력한다. function Test-Switch { param ( [string] $..

  Read More
• [PowerShell] 자동변수(Automatic Variable) - 13. $PSScriptRoot, $PSSenderInfo, $PSUICulture, $PSVersionTable

  Shell & CMD/PowerShell 2023. 11. 25. 22:01

  $PSScriptRoot 실행 중인 스크립트의 부모 디렉터리의 전체 경로 값. $PSCommandPath 와의 차이점은 경로에 실행파일 값 유무의 차이이다. $PSCommandPath $PSScriptRoot $PSSenderInfo 사용자 ID 및 원래 컴퓨터의 표준 시간대를 포함하여 PSSession을 시작한 사용자에 대한 정보가 포함된 자동변수. New-PSSession을 통한 원격 Powershell 실행시에만 확인 가능하다. $PSUICulture OS 의 UI 문화권 정보를 가져온다. 아래 스크린샷은 en-US로 설정된 파워셸 환경에서 한국어 버전으로 실행중인 Windows 에서 $PSCulture 값과 $PSUICulture 값 출력 데이터 예시이다. $PSVersionTable 현재 실행중..

  Read More
• [PowerShell] 자동변수(Automatic Variable) - 12. $PSCulture, $PSDebugContext, $PSEdition, $PSHOME, $PSItem

  Shell & CMD/PowerShell 2023. 11. 25. 14:16

  $PSCulture 현재 문화권을 반영한다. 한국어판 Windows 에서는 별도 설정하지 않았다면 ko-KR로 출력된다. Set-Culture 함수로 문화권을 변경할 수 있다. 설정 후 다음 Session부터 설정한 문화권으로 파워셸이 동작한다. Set-culture -CultureInfo en-US $PSDebugContext 디버깅하는 동안 디버깅에 대한 정보가 해당 변수에 포함된다. 아래 예제 실행 후, $PSDebugContext 를 입력하면 스크립트 블록을 실행한 기록이 표기된다. 아래 스크립트 실행 후 $PSDebugContext 를 입력해보자. 스크립트를 실행했던 내역이 표시될 것이다. Set-PSDebug -Trace 2; foreach ($i in 1..3) {$i} $PSEdition ..

  Read More
• [PowerShell] 자동변수(Automatic Variable) - 11. $PSBoundParameters, $PSCmdlet, $PSCommandPath

  Shell & CMD/PowerShell 2023. 11. 25. 12:35

  $PSBoundParameters 스크립트 또는 함수에 전달된 파라메터를 의미한다. 테스트를 위해 $PROFILE 프로필에 아래와 같은 함수를 추가하자 function Test1 { param ( $a, $b ) Write-Host 'Test1' $PSBoundParameters } function Test2 { param ( $a, $b ) Write-Host 'Test2' Test1 @PSBoundParameters } $PROFILE을 다뤄본 적 없다면, 아래 글을 참고하여 생성할 수 있다. [PowerShell 기초] 6. Powershell 프로필 설정 :: 또치의 삽질 보관함 (tistory.com) [PowerShell 기초] 6. Powershell 프로필 설정 Windows 환경의 Pow..

  Read More