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변수의 값이 바뀌는지 안바뀌는지 감시하..

docker run -dit --name my-apache-app -p 8080:80 -v "$PWD/apache_home":/usr/local/apache2/htdocs/ httpd:2.4 my-apache-app은 도커 프로세서의 이름이고,$PWD/apahce_home은 현재 경로에 있는 apahce_home을 htdocs처럼 사용한다고 속이는 역할을 한다.-p 8080:80도 원래 http같으 웹서버는 80포트로 열리는데, 8080포트를 80번 포트처럼 사용하겠다는 느낌 참고로 docker start my-apache-app은 my-apache-app이라는 이름을 가진 프로세스를 시작하겠다. docker stop my-apache-app은 my-apache-app이라는 이름을 가진 프로세스를 중지하..

https://www.lesstif.com/pages/viewpage.action?pageId=51282114위 주소 참고 그냥 cmder 터미널?에 alias test=cd /Users/haeru/Desktop/test 위와 같이 한줄 친 후엔 매크로 적용되어 test만 입력해도 cd /Users/haeru/Desktop/test 폴더로 이동된다.

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

나는 20살 이후 개발관련 대회에 나가본적이 없다.고등학교때 3년동안 기능대회준비만 했었으니 조금은 쉬고싶기도 했고, 대회보다는 사람들을 만나고 놀고 싶었기 때문에여튼 시간이 좀 지나니 대회의 그 심장쫄깃함을 다시 느껴보고 싶었고,고등학교 졸업하고나서는 기능대회 준비했을때처럼 그렇게 열정적으로 밤샘 불코딩 해본적이 없었던거 같았다.하긴 그때는 3년내내 안쉬고 코딩했으니까..그래서 뭔가 추억에 젖으면서 지원했었다. 사실 그 유명한 마이다스아이티 밥을 너무 먹어보고싶어서.. 먼저 마이다스챌린지는 연령, 경력 뭐 이런거 하~나도 안본다.(그래서 이번에 참가한사람들중에 고졸팀도 있었고, 졸업하고 현업에 계신분들도 보였다.)그리고 상받은거와 무관하게 심사위원들이 해커톤을 지켜보면서 잘하는사람들 픽미픽미해서 입사할..