[리뷰][서적] Vue.js 퀵 스타트 - 스타트가 아닌 초중급서

Vue.js 퀵 스타트 - 원형섭 지음/루비페이퍼

리뷰하는 위의 책은 뷰를 공부하기위해 처음 읽은 책이 아니다.

다행이랄까?
기초 서적을 보고서 그 다음에 읽기에 아주 잘한듯 싶다.

빠르게 기술을 익히고 싶다면 튜토리얼을 보는게 좋듯이 얇은 책을 읽고서 대략적으로 어떤 기술인지 이해를 하고나서 심도있게 공부를 하거나 필요한 부분은 추가적으로 찾아보는게 좋다고 생각을 하는편인데..

위의 책은 튜토리얼과 같은 Vue.js 가 어떤거고 어떻게 사용해야 하는지 금방 알기 어려우며 금방 지루해 진다

500페이지가 넘는 두께에 레퍼런스와 같은 느낌이라서 각각의 세부 기술에 대해서 자세히 나와있지만 다 보기 전까지 금방 지루해질 수 있어 이전에 Angular / React 를 해보지 않은 사용자에겐 권하고 싶지 않은 서적이다.

차라리 아래의 링크의 초급용 서적을 먼저 보는것을 추천한다.
링크 - [리뷰][서적] Do it! Vue.js 입문 - 3일만에 볼수있는 초급서


vuex 와 같이 실제로 실무에서 사용되는 대부분의 기술들이 책 내용에 포함되어 있으며, 책의 내용을 모두 이해한다면 기존 Vue.js로 되어있는 프로젝트를 이해하는데 크게 무리가 없을 것으로 보인다.


다만 Vue.js 공식홈페이지가 설명이나 예제가 너무 잘되어 있어서 책을 한번 보고서 공식홈페이지를 보니 책보다 더 이해하기가 쉬웠다.
(책을 한번 본 터라 더 이해하기 쉬웠을 수도 있다.)

[Vue.js] VSCode 에서 '@/~' 로 임포트한 모듈 자동완성(IntelliSense) 적용하기

관련 포스트
링크 - WebStorm 에서 '@/~' 로 임포트한 모듈 자동완성(IntelliSense) 적용하기

Vue.js 개발 시 VSCode를 사용하면서

상대경로로 모듈을 import 하게되면 해당 모듈의 메소드 및 속성이 자동완성(IntelliSense)이 되었지만..

webpack에 의해서 src를 가리키는 @ 기호를 이용한 import는 자동완성이 되지 않아 불편했었다.


PS.
Ctrl + 마우스왼쪽클릭 시에도 해당 모듈로 바로 넘어가지 않는부분 또한 많이 불편한 부분중에 하나였다.

상대경로로 import 했을 시

@기호를 이용하여 import 했을 시

VSCode 메뉴얼을 보다보니 아래와 같이 jsconfig.json 을 이용하여 자동완성이 될 수 있도록 할 수 있었다.


1. Project Root 경로에 jsconfig.json 파일을 만들고 내용에 아래와 같이 넣어준다.
1004lucifer

1004lucifer

jsconfig.json 파일내용

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

jsconfig.json 파일을 작업해주면 아래와 같이 @ 기호를 사용했을 시에도 자동완성 기능이 동작하며, Ctrl+마우스클릭 시 해당 모듈로 바로 넘어가게 된다.
1004lucifer

PS.
Vue.js 에서 @기호 때문에 jsconfig.json 파일을 작성했지만..
React or Angular 같은 곳에서 특정 디렉토리를 바로 참조해야 하거나 할때도 마찬가지로 사용이 가능하다.


참고
 - https://code.visualstudio.com/docs/languages/jsconfig

[Hyper-V] 'RemoteFX 3D 비디오 어댑터' 하드웨어를 추가 할 수 없는 경우

 (Hyper-V - RemoteFX 관련 포스팅)

 1. 'RemoteFX 3D 비디오 어댑터' 하드웨어를 추가 할 수 없는 경우
 2. 컴퓨터 Hyper-V 설정에서 '실제 GPU' 항목이 보여지지 않는경우
 3. RD(Remote Desktop) 접속 시 RemoteFX 사용하도록 설정
 4. RemoteFX 적용여부 확인방법 및 그래픽 성능테스트

실습환경: Windows 10 pro (빌드버전 1809)


증상
1004lucifer
Hyper-V 를 사용하면서 'RemoteFX 3D 비디오 어댑터' 항목을 활성화 시키려 했는데 아래와 같은 증상이 발생했다.

 RemoteFX 3D 비디오 어댑터를 더 이상 지원하지 않습니다. 기존 VM에서 해당 어댑터를 계속 사용할 수는 있지만, 다른 새로운 VM에 사용할 수 없습니다.

원인
1004lucifer
Windows 10 버전1809 이상부터는 'RemoteFX 3D 비디오 어댑터'를 사용할 수 없게되었다.

해결방법

PS. 아래의 방법대로 하다가 제대로 되지 않는경우 해당 문제에 대해서 추가 설명을 하거나 하단에 설명을 달아 놨으니 끝까지 읽어보세요.

1004lucifer
1. 가상컴퓨터 이름을 확인해 둔다.

2. 'Windows PowerShell'을 관리자 권한으로 실행한다.

3. 'Add-VMRemoteFx3dVideoAdapter -VMName [vm_name]' 커맨드를 입력한다.
([vm_name] 부분은 가상컴퓨터 이름으로 대체)
1004lucifer

(관리자 권한이 아닌경우 아래와 같이 권한문제로 수행되지 않음)

4. 설정에 'RemoteFx 3D 비디오 어댑터' 추가된 것을 확인

잘 안되는 경우

1. 검사점을 선택 후 설정을 누르게되면 'RemoteFx 3D 비디오 어댑터' 항목이 보이지 않으며, 하드웨어 추가에서 모든 항목이 비활성화 된다.
'검사점'이 아니라 '가상 컴퓨터' 항목을 선택 후 설정을 선택해야 한다.

2. 명령어가 제대로 되지 않는경우 아래와 같이 설정을 활성화 해준다.
1004lucifer
Get-VMRemoteFXPhysicalVideoAdapter 확인 시 Enabled, CompatibleForVirtualization 항목이 false인지 확인을 해본다.

Get-VMRemoteFXPhysicalVideoAdapter
Get-VMRemoteFXPhysicalVideoAdapter | Enable-VMRemoteFXPhysicalVideoAdapter

참고:
- https://social.technet.microsoft.com/Forums/forefront/en-US/738f05a3-a8d2-49ca-a82a-d356b83e1cd4/hyperv-quotremotefx-3d-video-adapterquot-gone-in-windows-10-1809?forum=virtualmachingmgrhyperv
- https://techcommunity.microsoft.com/t5/Windows-Server-for-IT-Pro/Server-2019-Hyper-V-VM-using-GPU/td-p/303761

[리뷰][서적] Do it! Vue.js 입문 - 3일만에 볼수있는 초급서

Do it! Vue.js 입문 - 장기효 지음/이지스퍼블리싱

새로 시작해야 하는 프로젝트가 Vue.js 를 이용해서 하기에 vuejs 공부를 하기위해 가벼운 입문용 서적을 구매했다.

책도 꽤나 얇다.
책 표지에 실무자는 3일이면 완성이라고 쓰여있는데..
정말 책을 보는데 (코딩없이)하루 3시간 정도씩 3일 걸렸다.

기존에 AngularJS, Angular를 해봤던 경험이 있어서인지..
기존에 사용하단 FrontEnd Framework와 비교하면서 이런점이 다르고 이렇게 사용하면 되겠구나 하면서 술술 읽혀 나갔다.


난이도는 퍼블리셔도 볼수 있는 정도의 수준으로 아주 쉽게 설명이 되어있어 어렵지 않았다.
다만 난이도가 너무 낮아 (vuex와 같이)깊이있게 들어가야 하는 부분에선 가벼운 소개나 설명으로만 넘어가는게 아쉬웠지만..
빠르게 볼수 있는 입문용 서적이라는 부분에서 그 역할을 충분히 잘 해준것 같다.


장점이자 단점

얇은 서적으로 입문용으로 가볍게 읽기 좋다.
vuejs를 제대로 활용하려면 레퍼런스나 추가 다른 서적을 읽어보는게 좋을 듯 하다.

위의 책을 읽고나서 아래의 서적을 읽기를 추천한다.
링크 - [리뷰][서적] Vue.js 퀵 스타트 - 스타트가 아닌 초중급서