Share the knowledge

보통 프론트엔드, 퍼블리셔, 백엔드를 파트별로 나눠서 하는 개발회사도 있겠지만, 규모가 작은 경우 작업의 경계없이 개발을 하게되는데, 나의 경우가 그렇다. 그래서인지 떄떄로 신규화면을 제작하려고 하다보면 어떻게 화면구성을 가져갈 것인가에 대해서 스토리보드를 작성할 일이 있는데, 처음에는 파워포인트를 이용해서 스토리보드를 작성하곤 했는데, 이 파워포인트라는 것이 다 좋은데 내 눈에는 좀 예쁘지? 않아보였다. 그래서 스토리보드 툴이 없나 찾아봤는데 마침 카카오에서 제공하는 카카오 오븐이라는 툴을 찾게 되어서 사용해본 후기를 적어본다. 먼저 카카오 오븐의 주소는 다음과 같다. https://ovenapp.io/ OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오..

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