본문 바로가기

전체 글99

텍스트 영역 선택(드래그) 방지 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.
[jQuery] 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":""}', '*');}); stopVideo, playV.. 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.
마이다스챌린지2017 참가후기 나는 20살 이후 개발관련 대회에 나가본적이 없다.고등학교때 3년동안 기능대회준비만 했었으니 조금은 쉬고싶기도 했고, 대회보다는 사람들을 만나고 놀고 싶었기 때문에여튼 시간이 좀 지나니 대회의 그 심장쫄깃함을 다시 느껴보고 싶었고,고등학교 졸업하고나서는 기능대회 준비했을때처럼 그렇게 열정적으로 밤샘 불코딩 해본적이 없었던거 같았다.하긴 그때는 3년내내 안쉬고 코딩했으니까..그래서 뭔가 추억에 젖으면서 지원했었다.  사실 그 유명한 마이다스아이티 밥을 너무 먹어보고싶어서.. 먼저 마이다스챌린지는 연령, 경력 뭐 이런거 하~나도 안본다.(그래서 이번에 참가한사람들중에 고졸팀도 있었고, 졸업하고 현업에 계신분들도 보였다.)그리고 상받은거와 무관하게 심사위원들이 해커톤을 지켜보면서 잘하는사람들 픽미픽미해서 입사.. 2017. 5. 30.
[모바일웹] 메인메뉴를 터치 슬라이드 방식으로 만들기 네이버(http://m.naver.com) 이나 다음(http://m.daum.net)의 모바일버전을 보면메인메뉴 영역을 스와이프해서 전체 메뉴를 훑을 수 있게 만들어졌다.  이 기능을 만들어 보고자 개발자 모드로 확인하였더니 css의 transform, transition 등을 이용해서 만든 것으로 보였다.그래서 나는 trans관련 css와 함께 스와이프 동작을 인식해야하므로 jquery의 touchstart, touchmove, touchend를 이용해서 만들었다.참고로 touchstart, touchmove, touchend는 마우스로는 작동이 안되고 핸드폰에서만 작동하는 것을 확인하였다. 2017. 1. 16.
AWS EC2에서 php mail함수 사용 카페24의 호스팅을 이용하여 사이트를 관리하던 중에셋팅을 건드려야 할것이 많아 AWS EC2로 옮겼다.그런데 카페24에서 잘 작동했던 mail함수가 AWS에선 작동하지 않았다!구글링해보니 다른 인스턴스를 이용하고 따른거 좌르륵 하라고 하지만그냥 하나 설치해주면 mail함수로 메일을 보낼 수 있었다. 1. apt-get을 이용하여 sendmail을 설치한다 sudo apt-get install sendmail끝!sendmail만 설치하면 mail함수가 잘 작동한다! 2017. 1. 2.
[AWS ubuntu] html 파일의 php코드 인식하기 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./AddTypeAddType을 vim 내에서 찾는다. n 키를.. 2016. 12. 26.
[AWS ubuntu] mysql insert가 안되는 현상 mysql 상위버전 5.6인가 5.5인가를 쓰다보니자꾸 doesn't have a default value 이러면서 insert가 안된다;;나는 insert를 set으로 사용해서 그런가 빈 공백이 있으면 안된다고 자꾸 나를 오류로 혼내킨다.. 검색해보니 sql_mode 를 수정하라고 하는데역시나 한번에 되는일이 없었다./etc/my.cnf 파일이 없어서 어떻게 뭘 해야할지 모르겠사!! 1. sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf 위 파일을 vim에디터로 열어준다. 2. [mysqld]를 찾아서대충 사이에 적절하게 sql_mode = '' 끼워넣는다 [mysqld] # # * Basic Settings # user = mysql pid-file = /var/run/m.. 2016. 11. 15.
[AWS ubuntu] mysql utf8 설정하기 ubuntu 16.04 버전을 사용하고 있습니다! 데이터베이스에 들어있는 데이터들을 뿌려주려고하니한글들이 ?? 물음표로 나옴;나도 당황.. 물음표.. 1. ssh로 서버에 접속하셔서(http://hplayground.tistory.com/78 참고)sudo vim /etc/mysql/mysql.conf.d/mysqld.cnfvim 에디터로 mysqld.cnf를 열어준다. 구글링 하다보면/etc/my.cnf 로 열어서 수정하라고 하는데뭐지 나는 etc폴더 안에 my.cnf 파일이 업승ㅁ;;열심히 삽질해본 결과 mysql.conf.d 안에 mysqld.cnf 를 수정하면 된다고 한다. 2. [client] default-character-set=utf8 [mysqld] character-set-server=.. 2016. 11. 15.

티스토리툴바