Play Ground

var url = window.location // for sidebar menu entirely but not cover treeview $('ul.sidebar-menu a').filter(function() { return this.href == url; }).parent().addClass('active'); // for treeview $('ul.treeview-menu a').filter(function() { return this.href == url; }).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active'); window.location을 이용하여 url을 가져오고, 메뉴의 링크와 비교하여 같다면 active class를 추..

webpack 사용중! 라디오버튼을 이용해서 datepick이라는 클래스의 div를 show/hide 할 예정 템플릿 : 즉시 예약 스크립트 : 코드를 간단하게 설명하자면v-model을 이용하여 toggleSendType을 연결시켜준다.요 변수 안에 들어가는 내용은 radio버튼의 value값으로이 값이 일치하면 체크되고, 불일치하면 체크가 풀리게 되는 거 같음-> toggleSendType의 디폴트값이 now. 따라서 now의 value를 가진 라디오버튼이 체크될것임. 그리고 만약 reserve value를 가진 라디오버튼이 체크되면 toggleSendType의 값이 reserve가 되겠다. 그리고, watch를 이용하여 감시자를 만든다. toggleSendType변수의 값이 바뀌는지 안바뀌는지 감시하..

vue.js의 라이프사이클 이해한 후 보기 요약하자면1. axios로 api를 호출하여 데이터를 가져온 후2. 해당 데이터를 eventbus를 이용하여 다른 컴포넌트로 값을 넘겨준다.3. 2번의 그 다른 컴포넌트에서는 eventbus를 created()에서 받아 데이터를 연결해준 후, 원래 걸려있던 이벤트 해제4. updated()에서 다시 이벤트를 건다. --------------------------------webpack, axios, eventbus, datatable를 이용해서회원을 검색하면 회원검색api를 호출하여 회원정보데이터를 가져온 후그 결과값을 다른 컴포넌트에 값을 넘기고, datatable을 이용하여 테이블리스트를 만들어줘야하는 상황 검색하는 부분(usersearch.vue) ... ..

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..

cordova를 이용해서 하이브리드 앱으로 제작하던 도중,네이티브 앱이 아닌 모바일웹이다보니 자꾸 버튼이나 a태그를 선택할 때 텍스트에 영역이 잡히는 현상이 발생하였다.그럴 경우엔 * { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }위와 같이 CSS를 주면 해당 선택자는 드래그가 되지 않는다.

유튜브를 사이트에 붙이려면 원하는 동영상 가서 밑의 그림처럼 공유버튼 -> 소스코드에 있는 iframe 코드를 복사해서 사용하면 된다. 근데... 두둥재생 일시정지 중지를 따로 버튼을 만들어 제어해야하는 일이 발생하였다고 한다!그럴땐 1.src에 마지막에 ?enablejsapi=1&version=3&playerapiid=ytplayer 를 붙인다.위의 캡쳐된 소스코드로 보자면 요런식으로 작성한 후에 2. 제어할 버튼에 이벤트 추가 $(".stop").on("click", function(){ $("iframe")[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); });stopVide..

우분투에 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

네이버(http://m.naver.com) 이나 다음(http://m.daum.net)의 모바일버전을 보면 메인메뉴 영역을 스와이프해서 전체 메뉴를 훑을 수 있게 만들어졌다. 이 기능을 만들어 보고자 개발자 모드로 확인하였더니 css의 transform, transition 등을 이용해서 만든 것으로 보였다. 그래서 나는 trans관련 css와 함께 스와이프 동작을 인식해야하므로 jquery의 touchstart, touchmove, touchend를 이용해서 만들었다. 참고로 touchstart, touchmove, touchend는 마우스로는 작동이 안되고 핸드폰에서만 작동하는 것을 확인하였다.

카페24의 호스팅을 이용하여 사이트를 관리하던 중에셋팅을 건드려야 할것이 많아 AWS EC2로 옮겼다.그런데 카페24에서 잘 작동했던 mail함수가 AWS에선 작동하지 않았다!구글링해보니 다른 인스턴스를 이용하고 따른거 좌르륵 하라고 하지만그냥 하나 설치해주면 mail함수로 메일을 보낼 수 있었다. 1. apt-get을 이용하여 sendmail을 설치한다 sudo apt-get install sendmail끝!sendmail만 설치하면 mail함수가 잘 작동한다!

AWS에 APM(apache, php, mysql)을 설치하고 index.html에 php코드를 작성해보니아니.. 왜 php코드가 그대로 출력되죠?! 당황.. 갓구글님께 여쭤보았더니httpd.conf나 apache2.conf 등등 conf파일이란 모든 conf파일을 들먹이며LoadModule, AddType 등을 넣어보라는데자세한 설명이 없어서 몇번째 줄에 넣어야 할지도 모르겠고 넣기만하면 아예 사이트가 먹통..엄청난 구글링 끝에 드디어 해결방법을 알아내었다. 환경은aws ec2ubuntu 16.04php7 1. sudo vim /etc/apache2/mods-enabled/mime.conf 위 파일을 vim으로 연다. 2. /AddType AddType을 vim 내에서 찾는다. n 키를 눌러 next ..