배포를 위해 serve -s build 명령어를 입력시 시큐리티익셉션이 자꾸 떴다. 확인해보니 스크립트 권한이 제한되어 있을 경우 생기는 오류였다. 해결법 Windows PowerShell을 관리자권한으로 실행 후 ExecutionPolicy set-ExecutionPolicy RemoteSigned 권한을 확인해보면 Restricted로 되어있을텐데 그 권한을 RemoteSigned로 바꿔준다 (unRestricted ㄴㄴ) 이후 다시 설치를 해보면 접속가능한 주소가 Serve 되었다고 뜬다!

웹 앱에서 서버에 데이터를 요청하는 HTTP통신은 필수이다. HTTP? 브라우저와 서버간 데이터를 주고받는 통신 프로토콜(HyperText Transfer Protocol) 대표적으로 제이쿼리의 ajax가 있다. ajax는 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지 않고도 일부분만 변경할 수 있다. 뷰에서도 ajax를 지원하기위한 라이브러리를 제공하는데 가장 대표적인게 리소스와 액시오스다. 리소스 (recource) 뷰 리소스는 초기에 코어팀에서 공식적으로 권하는 라이브러리였으나 2016년 말, 에반이 공식적인 지원을 중단하기로 결정하며 다시 기존에 관리했던 PageKit팀의 라이브러리로 돌아갔다. 프레임워크 목록 가져오기 ※ 참고로 https://github.com/pagekit/vue-..

textarea에 keyup 이벤트속성을 사용하여 글자수를 세도록 하였다. 그러나 keyup으로 구현할 시, ㅁㅁㅁㅁㅁㅁ같이 계속 누르고 있는 글자수는 인식하지 못하는 문제가 있다. 또한 아시아권의 문자는 키보드 이벤트(keydown, keypress, keyup)로 원하는 것을 제대로 구현할 수 없는 경우가 많기때문에 트위터같은 경우 타이머를 사용해 50ms마다 입력양식내부의 글자를 확인해서 글자수를 센다. 누르는 순간에도 글자수를 인식해서 같이 올라간다

현재는 자바스크립트데이터 >> 휘발성 데이터 이기때문에 현재 더미데이터+새로 추가한데이터들도 새로고침을 하면 다시 더미데이터만 남게된다. Web Storage API - Web API | MDN Web Storage API는 브라우저에서 키/값 쌍을 쿠키 (en-US)보다 훨씬 직관적으로 저장할 수 있는 방법을 제공합니다. developer.mozilla.org 서버에 DB를 관리 할 수도 있지만 복잡해지므로 지금은 데이터 유지를 위해 WebStorage API중 로컬스토리지를 적용해 볼 것이다. 사용법 useEffect(() => { localStorage.setItem('key', 10); }, []) useEffect를 통해 불러올 데이터를 지정해주고 개발자콘솔에서 확인해본다 useEffect(()..

뷰 라우터 ? 뷰에서 라우팅 기능을 구현하 수 있도록 지원하는 공식 라이브러리. 뷰 라우터를 이용하여 뷰로 만든 페이지간 자유로운 이동 가능 태그 설명 페이지 이동태그. 화면에서는 로 표시되며 클릭하면 to에 지정한 URL로 이동 페이지 표시태그. 변경되는 URL에 따라 해당 컴포넌트를 뿌려주는 영역 뷰 라우터 예제 Main 컴포넌트로 이동 Login 컴포넌트로 이동 깜빡 거리는 현상없이 이동을 클릭하면 URL끝이 바뀌게된다 URL에 보이는 해시값(#)을 없애려면? var router = new VueRouter({ mode: 'history', routes }); 히스토리 모드를 활용하면된다 마지막 .$mount() 는 el 속성과 같이 인스턴스를 화면에 붙이는 역할을 한다. 인스턴스에 위처럼 el속성..