VSC 설치 시 옵션*을 빼먹어서 우클릭 시 바로가기가 없을 때 추가하는 법 TXT 파일 생성 Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"="C:\\...경로\\Microsoft VS Code\\Code.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] @="\"C:\\...경로\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click ON a folder ; The "Ic..
C:\Users\[userName]\.wslconfig 파일 추가 후 아래 코드 추가 [wsl2] guiApplications=false 그 후 재부팅하면 점유율이 확실히 줄어든 것을 확인할 수 있다. 참고 https://www.tecklyfe.com/fix-vmmem-high-cpu-usage-in-windows/ Fix VMMem High CPU Usage in Windows - TeckLyfe If you're noticing VMMem high CPU usage in Windows 10 or Windows 11, it is related to the Windows Subsystem for Linux (WSL and WSL2). More recently, it seems www.tecklyfe.co..
개발 환경을 도커로 띄우다보니 로컬에서 많이 느려져서 프로젝트 폴더를 통째로 wsl2 경로로 옮겨주었다. 그런데 그 후 ESLint 적용이 되질 않았다. 해결법은 간단하다. VCS settings.json 파일의 eslint.workingDirectories에 해당 프로젝트의 경로를 넣어주면 된다. 이는 wsl2로 네트환경을 바꾼 상태에서도 마찬가지로 보인다. settings.json을 여는 법은 여러가지가 있는데, F1을 누르고 뜨는 검색란에 settings.json을 치면 된다. 혹은 ctrl + , 하여 열리는 검색란에 동일하게 쳐도 된다. 아래처럼 추가해주니 잘 작동한다. "eslint.workingDirectories": [ "//wsl$/Ubuntu/home/프로젝트폴더" ], 참고 https..
네트워크로 들어간 경로에 파일을 생성하려고 하니 권한 에러가 떴다. 대략 권한이 없다는 내용으로 아래와 비슷했다. wsl에 액세스 할 수 없습니다. 이 네트워크 리소스를 사용할 권한이 없는 것 같습니다. !주의! 이 과정 시 root 계정에 비밀번호가 설정되어 있지 않다면 권한이 꼬여 다시 설치해야할 수 있기 때문에 꼭 root 계정 비밀번호 설정을 먼저 하자. 다음과 같은 명령어로 할 수 있다. sudo passwd root 만약 비밀번호 설정을 안하고 권한을 만졌다면 백업하고 우분투를 재설치 하면 된다. 해결 방법은 폴더에 대한 권한을 주면 된다. 나는 home 폴더에 대한 모든 권한을 줬다. $ sudo chmod -R 권한 폴더명 $ sudo chmod -R 777 home 참고 https://w..
응용프로그램이 있는 폴더에서 명령 프롬포트 실행 = 해당 파일 위치에서 cmd 입력하여 실행 가능 해당 위치에 있는 응용프로그램 실행(확장자명 exe 꼭 붙일 것!) 이렇게 하면 오류 메세지를 확인하며 실행 가능하다. + 예전에 프로젝트 할 때 부딪혔던 스마트커넥터 실행이 또 안되었는데... 이번엔 배포가 아예 파일로 되어 내가 알던 방식으로 문제를 찾을 수 없었다. 이 방법으로 콘솔로 오류를 띄워보니 다음과 같은 메세지가 나와서 운영체제 버전을 맞춰 .NET 설치해주니 해결 됐다. https://dotnet.microsoft.com/en-us/download/dotnet/3.1
이번에 Docker image 파일을 실행시키면서 설치 과정 및 발생한 오류들을 해결하며 참고한 방법을 모아뒀다. 후에 같은 문제 발생 시 확인하자. - Ubuntu 설치 설치 링크 - window terminal 사용 : 바로 WSL2 실행 가능 설치 링크 설치 후 세팅을 위해 다음 두 명령 입력 Windows Subsystem Linux 기능 활성화 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart 가상 머신 플랫폼(Virtual Machine Platform) 활성화 dism.exe /online /enable-feature /featurename:VirtualMachinePla..
구조를 잘 짰다는 칭찬을 받아 기분이 좋았다ㅎ 트리구조를 보여주는 vue 페이지를 해당 항목만 보여주는 트리구조로 수정하여 component로 만들어야 했다. 이틀동안 어떤 식으로 구현해야 할 지 고민했다. 일단 이미 존재하는 다른 컴포넌트 파일을 샅샅이 뒤지고 트리구조 페이지 파일을 하나하나 살펴봤다. 일단 props로 해당 항목의 id랑 type을 전달 받아 어떤 곳에서 넘어오는 데이터인지 알 수 있도록 해야 했다. 값은 아래처럼 넘겨주도록 했다. watch의 infoData엔 선택하는 항목의 값만 들어오기 때문에 infoData의 id를 이용하기로 했다. // import 등 생략 watch: { infoData (value) { if (value !== null) { this.selectedId ..
해당 라이브러리를 사용했다. https://vuelidate.js.org/ Vuelidate | A Vue.js library. Simple, lightweight model-based validation for Vue.js vuelidate.js.org 처음 보는 라이브러리의 validations 체크라 처음엔 조금 당황했는데, 어제 헤매면서 좀 적응이 된 것 같다. validations 메세지를 div로 구현하는데, 이때 조건을 거는 방식이다. 보통 저장 버튼을 누를 때 메세지가 뜨면 되는데, 이때 v-if에서 걸어야 할 조건은 다음과 같다. 저장하는 함수가 실행될 때 + 해당 조건을 불만족할 때 이를 염두에 두면 다음과 같은 코드를 이해할 수 있다. data는 필수 항목 입니다. 타이틀은 필수 항목..
