네트워크로 들어간 경로에 파일을 생성하려고 하니 권한 에러가 떴다. 대략 권한이 없다는 내용으로 아래와 비슷했다. 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는 필수 항목 입니다. 타이틀은 필수 항목..
내 생각의 한계를 절실히 깨달은...오늘... 나는 가져오는 데이터 list를 감지하는 watch의 listRows에서 조건 걸 생각만 했다. 그래서 this.$router을 쓰려고 했다. router는 페이지 접속 될 때마다 데이터를 감지하니까... 근데 선임분께서 listRows를 다른 곳에서 하는 게 좋겠다고 말씀하시더니 paramsInit()에서 조건을 걸었다. 가령 이런 식이다. paramsInit() { // 여기서 들어오는 데이터를 맵핑해준다 let result = {} // 1. 들어오는 데이터의 id 값 여부 체크(맨 처음엔 선택된 값이 없으므로 id = null) if (this.data.id === null) { result = this.list.find(v => v.active ==..
문제의 발단 기존의 데이터 list를 보여주는 multiselect가 존재하는 페이지가 있다. 데이터를 신규 등록하는 버튼을 만들고, 신규 등록 중인 상태를 취소하는 버튼을 만들었다. 신규 등록을 취소하면 store에서 api 호출로 데이터를 새로 받아오도록 하고 싶었다. 그래서 아래처럼 적었다. onCancelClick () { // 취소 버튼 클릭 시 this.actList({ params: this.params, menuAuth: this.checkMenuAuth('authList') }) } // actList라는 action 실행 그리고... 가져오는 데이터(객체)에는 active: true 인 항목이 있었다.(활성화 여부) 화면에는 active 값을 변경시켜주는 radio가 존재하고(true ..
매일매일 써야하는데 코드에 치이다가...일단 틈틈이 노션에 정리해둔 거라도 올려본다. 처음 본 라이브러리라 간략하게 기록해놓고자 한다. 공식 문서 Vue-Multiselect | Vue Select Library. Probably the most complete selecting solution for Vue.js, without jQuery. vue-multiselect.js.org 기본 옵션은 다음과 같다. multiselect( v-model="value", :options="options", :searchable="false", :close-on-select="false", :show-labels="false" placeholder="Pick a value" ) options 같은 경우 boots..
