프로그래밍 (132) 썸네일형 리스트형 안드로이드 스튜디오 HAXM 설치 Intel HAXM이란 Hardware Accelerated Execution Manager의 약자로 하드웨어 가속 기능을 이용하여 애뮬레이터를 빠르게 실행하는 기능이다. 안드로이드 스튜디오에서 AVD를 구동하는데 사용되므로 안깔리면 애뮬레이터를 사용할 수 없다. HAXM 설치를 위해서 다음 가상화 확장 기술 중 하나를 지원해야한다. > 인텔 가상화 기술 (VT, VT-x, vmx) > AMD 가상화 (AMD-V, SVM) – Linux에서만 지원 인텔® 가상화 기술(VT-x)을 사용하면 하드웨어 플랫폼 한 대를 여러 대의 "가상" 플랫폼으로 사용할 수 있다. 즉 내가 만든 앱을 돌릴 가상 에뮬레이터를 적용할 수 있는 것이다. 우선 본인의 CPU가 인텔 VT-x 기술을 지원하는지 확인한다. ① https.. 안드로이드 스튜디오 설치 및 환경 설정 ி 안드로이드 스튜디오 설치 준비 안드로이드 스튜디오는 자바를 사용하기 때문에 설치하기 전에 오라클 홈페이지에서 JDK 8 버전 이상을 받아 인스톨한다. https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 위 사이트에 들어가서 오라클 회원 가입후 jdk를 다운받을 수 있다. 회원 가입할 때 인증할 메일 계정이 필요한데 일회성으로 설치만 받고 다음에 이용하지 않을거라면 차라리 임시 메일 생성해서 인증받는걸 추천한다. 임시 메일 생성하는 법 - https://jdh5202.tistory.com/323 jdk 설치가 끝났다면 다음 사이트에서 안드로이드 스튜디오를 설치하자. https://developer.and.. javascript 정규표현식 - 특수문자 제거 12345678910111213141516var Data = "A/ s~pecial! .char\acter@";var new_Data; var regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-+@\#$%&\\\=\(\'\"]/gi; // test() ㅡ 찾는 문자열이 들어있는지 확인if(regExp.test(Data)){ new_Data = Data.replace(regExp, ""); // 찾은 특수 문자를 제거 } alert(new_Data); // RESULT : A special characterColored by Color Scriptercs 모달 팝업 띄우기 ி QNA 질문 티스토리 블로그 같은데 보면 , 사진을 눌렀을 때 해당 이미지가 확대 되면서 주변 배경이 어두워짐으로 이미지를 부곽시키는 효과를 주는걸 응용하고 싶은데요. 설명1 설명2 설명3 설명4 위와같은 표가 있다고 했을 때 설명1을 누르면 해당 설명1에 대한 내용이 새로운 흰 박스에 담겨서 부곽되어 나오는거죠. 각 설명에 대한 내용은 div hidden style로 감춰지게 할겁니다. 예를들면 다음과 같이요. 표에 담긴 설명란을 클릭했을 때의 모습입니다. 위처럼 클릭한 해당 설명에 대한 내용이 흰 박스에 담겨서 출력되고 스크롤바로 더 내려서 볼 수 있게끔 하려고해요. 답변 modal popup 에 관련한 질문이네요 ^^ 기본적인 html 과 css 는 할 줄 아신다는 가정하에, 아래의 소스를 .. 개발자도구 스크립트 모음 크롬 지원 기능 스니펫(snippet) 개발자도구 콘솔에서는여러줄에 걸쳐 코드를 작성할 경우 shift+enter 로 다음 줄 이동이 가능하다.하지만 그보다는 Sources 패널의 소스 편집기인 Snippet 을 이용하는 것이 편리하다.Break point 디버깅과, 저장 기능을 지원하기 때문에, 브라우저를 닫아도 다시 작업할 수 있다. ※ 실행 : Ctrl + Enter 북마클릿 북마크란 인터넷 주소를 저장해놓는 즐겨찾기인데 북마클릿(bookmarklet)은 자바스크립트 소스를 저장해놓는다. 주소창에 javascript:를 입력하면 자바스크립트를 실행할 수 있는 원리를 이용해서 현재 페이지에 대한 다양한 기능을 처리할 수 있는 기능이다. javascript:window.scrollTo(0,0); 스크립.. 정규식 모음 설명 정규식 인터넷 주소 1. /^(((http(s?))\:\/\/)?)([0-9a-zA-Z\-]+\.)+[a-zA-Z](\:[0-9]+)?(\/\S*)?/ 2. (http|https):\/\/((\w+)[.])+ (asia|biz|cc|cn|com|de|eu|in|info|jobs|jp|kr|mobi|mx|name|net|nz|org|travel|tv|tw|uk|us)(\/(\w*)).*$ IP 주소 한 옥탯 주소(255.) /(\\d|1\\d\\d|2[0-4]\\d|25[0-5])/ 모든 옥탯 주소(255.255.255.255) (\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|1\\d\\d|2[0-4]\\d|25[0-5.. 유튜브 API를 사용해서 음악 재생목록 만들기 개요유튜브에서 내가 원하는 음악 동영상을 리스트에 넣으면 자동으로 재생되게하는 Playlist를 구현한다. 구글 엔지니어에서 지원하는 유튜브 API를 이용할 것이며 , 웹언어로 만든다.이미 유튜브에서 재생목록 기능을 지원하지만 유튜브에 로그인해서 재생목록을 직접 들어가야하는 번거로움을 감소시키고(얼마나걸린다고)직접 구현하면 조금 더 유연하게 바꿀 수 있을거란 생각에 시도해봤다. 프로그램 설명 음악 리스트는 Html에 Table로 간단하게 만들었으며 다음과 같이 구성해 볼 것이다. 순서 유튜브 주소 음악제목 1 https://www.youtube.com/watch?v=nZ0frZ9kcso 팝송 모음 2 https://www.youtube.com/watch?v=rD8iXrvL2EY 용준형 - 소나기 play.. HTML 태그 - 속성 정리 태그 속성 설명 textarea 1. [Default] wrap=soft 2. wrap=off 3. wrap=virtual 4. wrap=physical 5. wrap=hard1. 줄바꿈 , 개행문자 , 줄공급(Line feed) 없이 보여줌. 줄공급 - 커서나 헤드가 현재 위치에서 다음줄로 이동 2. 줄바꿈하지 않는다. 3. 화면에 맞게 자동 줄바꿈한다. 4. 화면에 자동 줄바꿈 및 전송시에도 줄바꿈 5. 텍스트가 줄바꿈 하며 , 엔터문자(carriage return)와 줄공급(line feed)하여 보여줌. select 기본값 1000 無 title="도움말" 커서를 갖다대면 뜨는 도움말 input 모바일키패드 1 ··· 4 5 6 7 8 9 10 ··· 17