계발하는 개발자

여러 강좌나 문서들을 보다 보면 npm install에 -D나 --save-dev 등 여러 접미어가 붙은 걸 간혹 볼 수 있다. -g 정도만 해도 아 전역으로 설치하겠단 거구나 하고 알겠는데 그외 다른 옵션들은 이게뭐지..?무슨 차이지?🙄 싶어진다. 너무 많은 install 옵션들이 있지만 오늘은 그중에서도 (내 기준) 자주 쓰이는듯한 옵션들만 추려서 정리해보려 한다. 먼저 npm의 플래그에 대해 알아보자. npm에서 플래그란? npm에서 플래그(Flag)란, 특정한 옵션 또는 설정을 전달하기 위해 npm 명령어와 함께 사용되는 특별한 인자(argument)다. 한 마디로, 우리가 터미널에 입력하는 명령의 옵션이 바로 플래그다. 일반적으로 플래그는 "-" 또는 "--" 로 시작하며, 다양한 옵션을 지정할..

참고 https://github.com/babel/babel/issues/11975 에러 Vue2 -> Vue3로 마이그레이션을 진행하는 도중에 아래같은 에러가 발생했다. 원인 프로젝트의 ESLint 설정 파일을 인식 못해서 발생한 에러였다. 찾다보니 공통적으로 Vue3 버전 환경에서 이런 오류가 많이들 발생하는 걸로 보였다. Vue CLI 버전에 따라 Babel 설정이 다르게 적용될 수 있는데, Vue 3부터는 이전 Vue 2와는 다른 Babel 구성을 갖기 때문에 이에 따른 설정을 추가로 해주지 않아 그런듯했다. 해결 프로젝트 root에 eslintrc.js 파일을 아래와 같이 설정했다. babel.config.js 에서 발생했던 오류가 사라졌다.

에러 이미지 잘 나왔다가 파라미터 경로 수정하다 다시 보니 갑자기 GET 에러가 났다; 원인 이미지만 찍어서 경로를 확인했을 때는 맞게 잘 들어간 걸 확인했는데 마우스를 계속 올려다보면 다른 경로가 보였다. 좀더 제대로 알고싶어서 네트워크 탭에서 이미지를 어떤 식으로 요청하는지 살펴보니까 url 파라미터값이 이미지 경로에 포함되어 요청되고 있는 것을 보게 됐다..! 그도 그럴 것이, 실제 이미지 경로를 통해 요청하면 이미지가 잘 받아와지는 걸 볼 수 있었는데, 중간에 파라미터값이 일부 포함되면 아래처럼 빈 화면이 나왔다. 해결 해결 방법은 어이없게도.. 기존 이미지 시작 경로에 있던 ../ 에서 ..을 지우고 /로 시작하니까 됐다. 이미지가 이제 잘 나온다. + 약간의 느낀점 이번 기회에 상대경로와 절대..

참고 FAQ | Vetur FAQ Install an old version of Vetur Sometimes new releases have bugs that you want to avoid. Here's an easy way to downgrade Vetur to a working version: No Syntax Highlighting & No Language Features working The two possible causes are: Other extensions als vuejs.github.io 에러 vscode를 들어갔더니 갑자기 웬 경고 메시지 팝업이 떴다.🙄 Vetur 관련 경고메시지 였는데, 참고로 Vetur는 뷰 프레임워크에 대해 다양한 기능들을 제공하는 플러그인이다. .vue 확..