본문 바로가기

Study53

vue.js radio button 토글 이벤트 걸기 webpack 사용중! 라디오버튼을 이용해서 datepick이라는 클래스의 div를 show/hide 할 예정 템플릿 : 즉시 예약 스크립트 : 코드를 간단하게 설명하자면v-model을 이용하여 toggleSendType을 연결시켜준다.요 변수 안에 들어가는 내용은 radio버튼의 value값으로이 값이 일치하면 체크되고, 불일치하면 체크가 풀리게 되는 거 같음-> toggleSendType의 디폴트값이 now. 따라서 now의 value를 가진 라디오버튼이 체크될것임. 그리고 만약 reserve value를 가진 라디오버튼이 체크되면 toggleSendType의 값이 reserve가 되겠다. 그리고, watch를 이용하여 감시자를 만든다. toggleSendType변수의 값이 바뀌는지 안바뀌는지 감시하.. 2018. 7. 12.
vue.js axios로 데이터 가져와서 이벤트 걸기 vue.js의 라이프사이클 이해한 후 보기 요약하자면1. axios로 api를 호출하여 데이터를 가져온 후2. 해당 데이터를 eventbus를 이용하여 다른 컴포넌트로 값을 넘겨준다.3. 2번의 그 다른 컴포넌트에서는 eventbus를 created()에서 받아 데이터를 연결해준 후, 원래 걸려있던 이벤트 해제4. updated()에서 다시 이벤트를 건다. --------------------------------webpack, axios, eventbus, datatable를 이용해서회원을 검색하면 회원검색api를 호출하여 회원정보데이터를 가져온 후그 결과값을 다른 컴포넌트에 값을 넘기고, datatable을 이용하여 테이블리스트를 만들어줘야하는 상황 검색하는 부분(usersearch.vue) ... .. 2018. 7. 10.
vue.js jquery import syntax error https://google.com/#q=import%2Fno-webpack-loader-syntax Unexpected '!' in 'expose-loader?$!expose-loader?jQuery!j query'. Do not use import syntax to configure webpack loaders위와 같은 위와 같은 코드에러가 났을 때!eslint 때문에...!!!!삽질을 몇 시간동안 한듯 다시 호흡 가다듬고 jquery 설치부터 1. 먼저 jquery를 install 해준다. npm install jquery --save 2. build/webpack.base.conf.js 파일에 plugins 추가module.exports = { plugins: [ new webpack.Provide.. 2018. 7. 5.
텍스트 영역 선택(드래그) 방지 cordova를 이용해서 하이브리드 앱으로 제작하던 도중,네이티브 앱이 아닌 모바일웹이다보니 자꾸 버튼이나 a태그를 선택할 때 텍스트에 영역이 잡히는 현상이 발생하였다.그럴 경우엔 * { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }위와 같이 CSS를 주면 해당 선택자는 드래그가 되지 않는다. 2018. 3. 30.
iframe youtube 재생, 일시정지, 중지 제어 유튜브를 사이트에 붙이려면 원하는 동영상 가서 밑의 그림처럼 공유버튼 -> 소스코드에 있는 iframe 코드를 복사해서 사용하면 된다. 근데... 두둥재생 일시정지 중지를 따로 버튼을 만들어 제어해야하는 일이 발생하였다고 한다!그럴땐 1.src에 마지막에 ?enablejsapi=1&version=3&playerapiid=ytplayer 를 붙인다.위의 캡쳐된 소스코드로 보자면 요런식으로 작성한 후에 2. 제어할 버튼에 이벤트 추가 $(".stop").on("click", function(){ $("iframe")[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); });stopVide.. 2017. 7. 27.
apache 확장자(.php .html) 없이 접속할 수 있도록 설정 우분투에 apache2가 깔려있다 가정! 1. 일단 apache2폴더로 들어간다. cd /etc/apache2 2. vim으로 또는 vi로 apache2.conf를 연다. (참고로 sudo권한으로 열어야 쓰기모드로 열림) sudo vim apache2.conf 3. /Follow 해서 Options FollowSymLinks 라는 단어를 찾는다! 4. 처음엔 맨위에있는 FollowSymLinks에 MultiViews 를 적었더니 반응없어서 아래에 /var/www/ 디렉토리에 있는 Options Indexes FollowSymLinks에 MultiViews를 적었더니 오 된다! 5. 아파치 재시작 sudo /etc/init.d/apache2 restart 2017. 7. 6.

티스토리툴바