오늘 한 일

  • 오늘은 어제 업무 소개를 들었던 팀의 스크럼에 참석했다. 사무실에서 온라인 스크럼이라니 새로웠다. Miro에 현황판 같은 게 있고 각자가 프로그레스를 나타내는 상황판을 가지고 있었다. 아직 자세한 내용은 잘 모르지만 체계적으로 진행되는 것 같았다.
  • 그리고 어제에 이어, 오늘은 셀러들의 디지털 마케팅과 온보딩을 담당하는 팀의 업무 설명을 들었다. PO님이 재택 중이셔서 미팅룸에 다같이 모여서 온라인으로 미팅을 했다. 어제와는 확연히 다른 종류의 업무가 진행되는 걸로 보아 팀별로 색깔이 확실해 보였다.
  • 어제 Docker로 돌려본 vms(가 무슨 뜻인지 모르겠네 그러고 보니.. 내일 물어봐야지) 페이지를 좀 더 들여다보려고 했는데, 뷰 예습하려고 문서 잠깐 들여다보다가 너무 재밌어서 그만 하루종일 시간을 홀랑!
  • 뷰 공부를 하려면 Vue.js devtools부터 깔고 시작하라는 귀중한 조언을 받들어 일단 설치를 했다. 처음에는 리액트 개발자 도구랑 비슷한 역할일 테니 안 켜보고 있었다. 그러다 부모 컴포넌트가 가진 데이터를 자식이 함수로 건드리는(emit) 순간부터 그때그때 데이터를 확인하는 게 좋을 것 같아 열어봤는데, 왜인지 크롬 개발자 도구에 모두가 가지는 그 Vue 탭이 없었다. 나만 없어 Vue...
  • 당황도 잠시, 급한 대로 구글링을 시작했는데 생각보다 같은 문제를 가진 사람들이 많았다. 크롬을 껐다 켜라, 껐다 켜서 강력 새로고침을 해라, 몇 번 더 껐다 켜라, 개발자도구에 적용한 테마를 풀고 Light로 바꾼 다음 개발자도구를 새로고침해라 등등... 쭉 읽어보면 그다지 실행하기 까다로운 방법들은 아니었지만 나는 그냥 안 먹혔다.

오늘 배운 것

  • 시간이 흘러흘러 겨우겨우 찾은 해결책은 이랬다: 1. 적용한 뷰 CDN이 개발 버전이 아니라 상용 버전이었으므로 해당 url을 개발 버전으로 바꿔주고, 2. 개발자 도구의 톱니바퀴 모양 설정 버튼을 눌러서 Preferences > Appearance > Theme을 System preference가 아닌 Light로 바꿔주고, 3. Settings를 x 버튼을 눌러 종료하고 나서 Reload하라는 배너가 떠 있으면 버튼을 클릭해 새로고침해주고, 4. 크롬을 강력 새로고침(맥 기준 command + shift + r) 해준다. 그러면 모두가 있고 나만 없던 Vue 탭이 짜잔! Vue 탭이 생긴 걸 확인한 다음에는 다시 테마를 system preference로 바꿔도 무방하다.
 

Vue.js is detected but the Vue Panel is not showing · Issue #1209 · vuejs/devtools

Version 5.3.3 Browser and OS info Chrome 83.0.4103.97 / Windows 10 Steps to reproduce After enter the page Vue.js is detected on this page. The message "Open DevTools and look for the Vue pane...

github.com

+ Recent posts