본문 바로가기

분류 전체보기751

[티스토리] Tistory 글에 Daum 지도 첨부하기 티스토리가 Daum 꺼다 보니 다음지도는 아주 쉽게 첨부할수가 있더군요.그리고, 오늘 깜짝 놀란 게 오늘 간 식당이 네이버지도에는 없고 다음지도에는 있더라구요.순간, 깜짝 놀랐어요. (앞으로는 다음지도 써야하나?) 자, 그럼.. 티스토리 글에 다음지도로 위치 링크하는 방법입니다. 티스토리에서 글을 쓰다가 웹에디터에서 다음지도가 들어갈 곳에 마우스 커서를 클릭하고, [지도]라는 아이콘을 클릭하세요. 원하는 곳의 위치를 검색하시구요.검색이 완료되고 위치가 정해졌다면 [첨부] 버튼을 클릭하세요. 정확하게 지도가 나오지 않고 "지도가 첨부되었습니다."라고만 나오네요.신경쓰지 마시고 일단 글을 저장하시고 다시 글 내용을 확인해 보세요. 이렇게 지도가 잘 들어가 있답니다^^저는 줄곧 네이버지도만 사용했는데 다음지도.. 2016. 2. 20.
SK 브로드밴드 모뎀 교체 및 벤치비(BenchBee) 인터넷 속도 측정 SK브로드밴드에서 연락이 왔습니다. 속도가 느린 것 같아 방문해서 점검을 해보겠다더군요. 저는 와이파이를 많이 쓰는데 정말 유튜브를 좀 보려고 하면 끊기는 경우가 많긴 했었답니다. 기사님이 이것저것 점검을 막 하시더니 모뎀을 교체했다고 하더군요. 그리고, 벤치비 속도를 보여주시면서 다운로드 속도가 50MB가 안되면 다시 연락을 주시라고 하시더군요. 지금은 90MB 정도 나오는데 모뎀 교체 전에는 20MB 밖에 안됬다고 하네요 ㅠ http://www.benchbee.co.kr/ ==> 벤치비 속도측정하러 가기 그럼, 여태 20MB로 3년을 썼단 말인가요? 암튼, 알아서 속도 측정해주시고 점검해 주시니 감사하네요^^ 저는 그동안 속도가 느린지도 모르고 살았습니다. ㅋ 내친김에 스마트폰으로 와이파이 속도도 측.. 2016. 2. 20.
[CSS] 마우스로 드래그하여 선택한 글자의 배경 색상 바꾸는 방법 마우스로 드래그해서 선택한 글자의 배경색을 바꿔보세요. 새로운 느낌일 겁니다^^ 보통은 마우스로 드래그 한 글자의 색상은 파란색 바탕에 글자색은 흰색으로 보여지는데요. 이걸 CSS 두 줄만 추가하면 바꿀수가 있습니다. ::selection { color:white; background:#ec008c; } ::-moz-selection { color:white; background:#ec008c; } /* firefox */ 아주 간단하죠. 여러분의 웹사이트 css 파일에 이 두 줄만 넣으시면 바뀝니다. 물론, 색상은 원하는 색으로 수정하시면 됩니다. 원래는 이런 색상으로 나오는데요. CSS를 추가하면 이렇게 색상이 바뀝니다. 2016. 2. 17.
[자바스크립트] javascript로 파일 용량 체크하기 파일 용량 체크하는 함수입니다. 이렇게 파일첨부하는 박스가 있을 때, 파일 선택시 파일의 용량은 아래와 같이 확인하시면 됩니다. document.fileForm.file1.files[0].size 2016. 2. 17.
[갤럭시노트5] 통화내용 녹음파일 위치 및 확인하는 방법 때론 통화내용을 녹음해야하는 상황들이 옵니다. 보통은 좋은 일보다는 좋지 않은 일들 때문에 녹음을 하게 되죠. 혹시 좋지 않은 일이 있다면 잘 해결되어서 마무리되길 바라겠습니다. 녹음은 했는데 그 녹음한 내용을 어디서 확인하면 될까요? 한번 찾아보겠습니다. 1. 통화내역에서 확인하는 방법 여기 있었네요. 이렇게 통화한 사람의 녹음파일 내역을 확인할 수 있구요. 2. [도구 > 내파일]에서 확인하는 방법 여기에 쭉~ 파일목록이 나와 있네요. 클릭해서 들어보시면 됩니다. 이상, 갤럭시노트5에서 통화내용 녹음파일 확인하는 방법이었습니다. 2016. 2. 12.
[이클립스] eclipse에서 크롬으로 브라우저 실행되도록 설정하는 방법 이클립스에서 브라우저를 실행하면 기본적으로 익스플로러가 실행이 되는데요.속도 빠른 크롬으로 바꾸고 싶다면 다음과 같이 설정하세요.아래 그림을 쭉~ 따라하시면 됩니다. [General > Web Browser]를 선택하시고 [New] 버튼을 눌러서 크롬을 추가합니다. 크롬을 추가하기 전에 바탕화면의 크롬 아이콘의 속성에서 크롬의 실행파일 위치를 확인합니다. 크롬의 실행파일 위치를 Location에 넣어주세요. 방금 추가한 [chrome]을 선택합니다.[Use external web browser]를 체크해야 크롬이 이클립스 외부에서 실행이됩니다.[Use internal web browser]을 체크하면 이클립스 내부에서 브라우저가 실행되는데 크롬이 아닌 익스플로러가 실행됩니다. 자, 그럼 브라우저를 실행해.. 2016. 2. 10.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 7. XDebug 셋팅하기 7. XDebug 셋팅하기 개발을 하다보면 어느 부분에서 에러가 났는지 왜 생각대로 화면에 나오지 않는지 확인하기 위해 디버깅 툴이 꼭 필요합니다. 디버깅 툴 없이 작업을 한다면 정말 많은 시간을 허비하게 되죠. 이클립스에서 PHP로 작업할 때는 XDebug를 사용합니다. 그럼, XDebug를 셋팅해 보겠습니다. 아직 plug-in 상태로 간단하게 설치하고 사용할 수 있게는 개발되지 않았는지 방법이 좀 복잡합니다. 1. PHP 버전 확인하기 PHP 버전 및 정보 확인을 위해서 phpInfo.php라는 파일을 하나 만들어서 실행합니다. PHP 정보가 쭉~ 나오는데요. 소스보기해서 html소스가 나오면 모두 복사해서 아래 주소창을 열고 붙여넣습니다. http://xdebug.org/wizard.php [An.. 2016. 2. 10.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 6. 워드프레스 설치하기 6. 워드프레스 설치하기 자, 이제 마지막 단계입니다.여기까지 잘 따라와 주셨네요^^이클립스를 설치해 보겠습니다. 아래 그림을 쭉 따라하시면 됩니다.MySQL에서 생성했던 DB와 사용자 계정을 입력하면 됩니다. 관리자 계정을 셋팅하는 부분입니다.지금 입력하시는 username과 password로 로그인하시면 됩니다. 로그인을 하면 관리자 페이지로 이동합니다. 이제 모든 준비가 끝났습니다.플러그인이든 테마든 이클립스에서 작업하시면 됩니다^^수고하셨습니다. [워드프레스/설치하기] - [Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 7. XDebug 셋팅하기[워드프레스/설치하기] - [Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - .. 2016. 2. 10.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 5. 이클립스에 Apache 서버 연결하기 5. 이클립스에 Apache 서버 연결하기 이클립스에 Apache 서버를 연결해서 워드프레스를 설치해 보겠습니다. 이클립스 상단 메뉴에서 [Window > Preferences]를 클릭하세요.[PHP > Servers]에 보면 기본적으로 서버가 하나 있는데요.[Edit] 버튼을 클릭하세요. Document Root에 C:\APM_Setup\htdocs 즉, 아파치 서버의 웹 root 폴더를 선택하시면 됩니다. 자, 이제 워드프레스를 실행해보겠습니다.프로젝트 wp에서 마우스 오른쪽 버튼을 클릭해서 [Run As > PHP Web Application]을 선택하세요. 기본 파일을 찾는 겁니다.index.php 파일을 선택하시구요. 자, 드디어 워드프레스 설치 화면이 나왔습니다.이제 설치하면서 DB 정보를 입.. 2016. 2. 9.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 4. MySQL에서 DB 및 계정 생성하기 4. MySQL에서 DB 및 계정 생성하기 이제 워드프레스의 MySQL DB를 만들어 보겠습니다.아까 설치했던 APMSetup의 MySQL로 만들면 됩니다.작업관리자의 APMSetup Monitor 아이콘에서 마우스 오른쪽 버튼을 클릭하시면 아래와 같이 나옵니다.[MySQL 관리]를 선택하세요. 기본 계정은 root / apmsetup 입니다. wp 라는 데이터베이스를 만들겠습니다.꼭 위아래 collation을 utf8_general_ci로 선택하셔야 합니다.다른 걸로 선택하시면 MySQL 데이타의 한글이 깨지는 문제가 발생합니다. 자, 이번엔 DB에 접근할 계정을 만들어 보겠습니다.먼저, 생성된 wp 데이타베이스 안으로 들어가세요. [사용권한] 탭 클릭해서 [새 사용자 추가] 버튼을 클릭해 주세요. 사.. 2016. 2. 9.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 3. 이클립스 다운로드하여 셋팅하고 프로젝트 만들기 3. 이클립스 다운로드하여 셋팅하고 프로젝트 만들기 http://www.eclipse.org/downloads/ 여기에서 다운로드 받아서 설치하세요. 최신버전은 [Eclipse IDE for PHP Developers] 를 선택할 수 있도록 지원합니다. 선택하시고 설치하시면 됩니다. [LAUNCH] 버튼 눌러주세요~ workspace를 APMSETUP의 웹 root인 C:\APM_Setup\htdocs 를 선택해 주세요. 혹시, APM_Setup을 다른 곳에 설치했다면 그 설치한 곳의 htdocs 경로로 지정하시면 됩니다. 다 실행이 되었으면 바탕화면에 있는 아이콘 클릭해서 이클립스를 실행하세요. 우측 상단의 Workbench 클릭하시구요. 자, 그럼 프로젝트를 만들어 보겠습니다. 좌측 PHP Explo.. 2016. 2. 9.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 2. 워드프레스 다운로드하기 2. 워드프레스 다운로드하기 http://wordpress.org여기서 워드프레스 최신버전을 다운로드 받으세요. 다운로드 받고 압축파일을 푸세요. 압축을 풀면 이렇게 파일과 폴더들이 보일겁니다.일단, 워드프레스는 여기까지만 준비해 놓으시면 됩니다. [워드프레스/설치하기] - [Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 3. 이클립스 다운로드하여 셋팅하고 프로젝트 만들기[워드프레스/설치하기] - [Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 1. APMSetup 설치하기 2016. 2. 9.
[Wordpress] 워드프레스를 이클립스(eclipse)에서 개발셋팅하여 사용하기 - 1. APMSetup 설치하기 저는 자바 개발자라서 이클립스가 익숙하지만 워드프레스 개발을 할 때는 서브라임 텍스트에서 개발을 했습니다.서브라임 텍스트가 잘 만들어진 툴이긴 하지만, 이미 이클립스에 익숙해진 저로서는 솔직이 많이 불편했는데요.이제는 PHP 개발도 이클립스에서 많이 하는지 이클립스 최신버전은 PHP를 개발할 수 있도록 따로 플러그인을 설치하지 않아도 되게 나오고 있습니다. 그럼, 이클립스에서 워드프레스를 어떻게 셋팅하는지 한번 쭉 설명해 보겠습니다.1. APMSETUP 설치하기2. 워드프레스 다운로드하기3. 이클립스 다운로드하여 셋팅하고 프로젝트 만들기4. MySQL에서 DB 및 계정 생성하기5. 이클립스에 Apache 서버 연결하기6. 워드프레스 설치하기 1. APMSetup 설치하기 http://apmsetup.co.. 2016. 2. 9.
[Html] javascript로 체크박스의 글자(text)를 클릭해도 체크되도록 하기 체크박스의 작은 부분을 클릭하는 게 간혹 힘들다고 느껴지는 때가 있습니다.특히, 사용자 입장에서 많은 편리함을 제공하는 요즘같은 때에는 더욱 불편하게 느껴지고, 운영자의 무심함을 탓하기도 합니다.조금만 더 신경써 줬으면 하고요. 아래처럼 작성하는 게 체크박스의 전통적인 방법인데요.checkbox” id=”hintYn” /> 힌트 포함checkbox” id=”imageUrl” /> 이미지 포함checkbox” id=”explanation” /> 설명 포함 아래처럼 정말 조금만 신경쓰면 체크박스의 영역을 텍스트로 확장할 수 있고 사용자에게 편리함을 더할 수 있습니다.“hint“>checkbox” id=“hint” /> 힌트 포함“image“>checkbox” id=“image” /> 이미지 포함“explan.. 2016. 2. 9.
[bootstrap] 부트스트랩 – 어픽스(Affix) 웹페이지에서 스크롤함에 따라 어떤 요소를 고정 요소로 전환하는 기능을 하는 플러그인입니다. 스크롤에 따라 메뉴가 하이라이트 되는 스크롤스파이(Scrollspy)와 비슷한 기능을 하지만 스크롤스파이는 보다 작은 규모의 콘텐츠에 사용되고 자체적으로 스크롤바가 나타납니다. 두 가지를 병합해 사용할 수도 있습니다. 이 기능을 추가하면 사이트 상단과 하단을 기준으로 일정한 거리만큼 스크롤 했을 때 지정된 요소의 위치를 고정(fixed)시키거나 원래의 위치로 복구하는 역할을 합니다. Learn more » a 태그에 데이터 속성으로 data-spy=”affix”와 data-offset-top=”300″, data-offset-bottom=”600″을 추가합니다. data-spy=”affix”는 어픽스 기능을 활성화.. 2016. 2. 8.

티스토리툴바