Share the knowledge

오늘은 개발하던도중 자바스크립트에 아주 유용한 기능 중 하나인 localStorage가 있어서 정리해보려고 한다. 최근에 사용자의 편의성을 위해서 특정작업 후에도 스크롤위치를 저장하기 위해서 localStorage를 사용해봤는데, 아주 유용한 것 같다. 일단 사용법이 간단하기도 하고, 브라우저 호환성도 괜찮은 것 같다. (IE 8도 지원하니까 뭐..) 일단 사용법 부터 설명하면 다음과 같다. (정말 별게없다) 1234567891011121314151617181920212223// 로컬스토리지 사용법(브라우저가 닫혀도 유지)function test() { localStorage.setItem('key', 'value'); // 키 : 밸류 값으로 저장한다 console.log(localStorage.get..

Vue를 이용해서 Front-End 개발 작업을 진행하다보면 특정 태그의 Dom을 직접 컨트롤 하고 싶을 떄가 있다. 물론 자바스크립트의 querySelector를 이용해서 dom에 접근할 수 있겠지만, 뷰에서도 dom에 접근할 수 있는 방법이 있기 떄문에 vue.js에서 dom에 접근 하는 방법을 정리하려고 한다. 일단 다음과 같은 input태그가 있다고 가정했을 때 해당 input태그에서 비밀번호 유효성체크를 하는 과정에서 조건을 만족하지못하면 해당 input태그에 포커싱되게 하고싶다면 태그에 ref속성만 추가해주면 된다. 해당 태그에 ref속성을 추가했다면 스크립트 코드에서는 $refs를 통해 접근하면 되겠다. // 생략 password : function() { alert('비밀번호 유효성체크')..