해나래

VisualStudio Code에서 코드를 작성 중에 AI가 코드를 제안해주는 Inline Code Suggestion 기능을 활성화하는 법을 설명합니다. 방법1 : Github Copilot VS Code에 기본 포함되어있는 Github Copilot를 사용하면 가장 쉽고 빠르게 Code Suggestion을 이용할 수 있습니다. Github Copilot 무료 플랜은 월 2천회까지만 Inline Suggestion을 제공합니다. 월 10달러 유료 플랜을 구독하면 무제한으로 이용가능합니다. (2026년 7월 기준) VS Code의 우측 하단에 Github Copilot 아이콘을 클릭합니다. Github에 로그인합니다. 바로 Inline Code Suggestion이 활성화됩니다..

VisualStudio 2026에서 생성한 React 프로젝트에 Shadcn-UI를 추가하는 방법에 대해 정리합니다.TailwindCSS 설치Tailwindcss 홈페이지에서 설치 가이드에 따라 설치합니다. VisualStudio에서 생성한 React 프로젝트는 Vite를 사용합니다. 따라서 설치가이드에서 Vite를 사용하는 부분을 찾아 진행해야 합니다.tailwindcss와 @tailwincss/vite 설치npm install tailwindcss @tailwindcss/vitevite.config.ts 파일 열고 Tailwindcss 설정 추가import tailwindcss from '@tailwindcss/vite';export default defineConfig({ ... plugins:..

VisualStudio 2026에서 React 프로젝트를 생성하고 빌드할 수 있습니다. 여기선 VisualStudio가 생성한 React 프로젝트의 구조에 대해 설명합니다.Server 프로젝트ASP.NET Core 프로젝트로 아래와 같이 생성됩니다.Properties / launchSettings.json : 개발 환경에서 프로젝트 실행 방법을 설정하는 파일입니다.{ "$schema": "https://json.schemastore.org/launchsettings.json", "profiles": { "https": { "commandName": "Project", "dotnetRunMessages": true, "lau..

오류설명VisualStudio Code에서 F5 키를 통해 잘 디버깅해왔던 Electron 프로젝트가 어느날 갑자기 아래의 오류와 함께 실행이 안될 수 있습니다.오류 : error during start dev server and electron app: Error: listen EACCES: permission denied 0.0.0.0:3000해결방법Windows의 경우 무작위로 일부 포트 범위를 특정 서비스를 위해 예약해 두는데, VisualStudio Code로 디버깅을 실행할 때 디버거나 개발서버가 이미 예약된 포트로 연결하기 때문에 이러한 오류가 발생합니다. 이 오류의 해결방법은 아래와 같이 간단히 해결할 수 있습니다.[명령 프롬프트]를 관리자 권한으로 실행합니다.아래의 명령어를 순차적으로 입..

WPF 프로젝트에서 ICON 설정하는 순서를 정리합니다.Icon 이미지 생성 Icon으로 사용할 .png 이미지 생성합니다. 128x128 권장됩니다. 생성된 png 이미지로 .ico 이미지 생성합니다. 이미지들을 WPF 프로젝트에 추가합니다. 여기서는 /Assets/Images 폴더에 저장했습니다. Build Action은 모두 Resource로 지정합니다.ApplicationIcon빌드 후 생성되는 .exe 파일의 Icon을 말합니다. 설정하는 방법은 아래 3가지가 있으며, 하나를 선택하여 진행합니다.(방법1) Visual Studio의 WPF 프로젝트 설정으로 이동합니다. → Application / Win32 Resources / Icon에서 ico 파일을 선택합니다.(방법2) Visual ..