VUEJS) vue js environment setup
1) install Nodejs https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - try LTS Latest version first! if you have npm, reinstall it. - do not change path. - if error occur, try to install right one(16.11.1) version. the version will be updated depend on your date. 2) install VScode https://code.visualstudio.com/ Visual Studio Code - ..
VUEJS) 모바일화면에 맞게 vh지정하는 방법, vh가 맞지 않는 이유
1. 개발자모드에서는 잘되는데 실제 모바일에서는 아래가 짤리는 현상이 발생 CSS 사용자 정의 속성: 크기 조정을 위한 트릭 CSS 사용자 정의 속성과 몇 줄은 JavaScript내가 필요로 하는 일관되고 정확한 크기를 얻는 완벽한 방법일 수 있다는 생각이 들었습니다 . JavaScript에서는 전역 변수를 사용하여 항상 현재 뷰포트의 값을 얻을 수 있습니다. window.innerHeight. 이 값은 브라우저의 인터페이스를 고려하며 가시성이 변경되면 업데이트됩니다. 트릭은 뷰포트 값을 CSS 변수에 저장하고 이를 요소에 적용하는 것입니다.대신에 의 vh 단위. CSS 사용자 정의 변수가 --vh이 예를 위한 것이라고 가정해 보겠습니다 . 즉, 다음과 같이 CSS에 적용하려는 것입니다. .my-elem..
1) vue.esm.js:628 [Vue warn]: The .native modifier for v-on is only valid on components but it was used on . 확인방법 -> 코드 상에서 문제점 발견 ▷ @click.native = onVisible(value); native에 대해서 알아보고... https://hj-tilblog.tistory.com/88 vue native event에 대한 개인적인 고찰 Native Event? Native! react에서는 참 많이 들어본 말이지만 vue에서의 native는 생소하다. 실제로 검색을 해봐도 react에 관련된 내용만 잔뜩 나오지 vue.js native에 대해서는 자료가 적다. 공식문서를 살펴 hj-tilblog...
VUEJS) svg위치적용 Ios 위치 문제 해결 방법 position:relative;
이상하게 컴퓨터의 웹, 안드로이드의 웹에서는 svg위치가 알아서 잘 잡힌다. 그런데 ios 디바이스(아이패드, 아이폰)에서는 컨테이너를 빠져나가버린다. svg에 컨테이너를 씌우고 그 컨테이너에 position:relative;를 먹여주면 해결할 수있다. 아래의 빨간 내모만 확인해보면 내용을 알 수있다. html css https://pythonq.com/so/html/1562482 html - svg 요소의 절대 위치 지정이 작동하지 않습니다 - IT 툴 넷 svg 요소를 "파업"하려는 주 영역 (.svg-container) 안에 절대적으로 위치한 div (.sec1)로 감싸 야합니다. 래퍼 div가 다음과 관련하여 자체 위치를 알 수 있도록 주 영역에 상대 위치를 적용해야합니다. H pythonq.com
VUEJS) 퍼블리싱, 동적으로 화면 구현, 웹, 모바일, 테블릿 Window.matchMedia(), Window.devicePixelRatio
1) Window.matchMedia() https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia Window.matchMedia() - Web APIs | MDN The Window interface's matchMedia() method returns a new MediaQueryList object that can then be used to determine if the document matches the media query string, as well as to monitor the document to detect when it matches (or stops matching) that media developer.mozilla..
