[Markdown] 마크다운에서 html 태그나 소스코드를 그대로 표현하기

2017-02-24 Markdown

마크다운에서 소스 코드를 표현하는 방법을 알아봅시다. 이게 무슨말인가 하면, <input type=”radio”> 를 라디오버튼이 아닌 소스코드 그 자체로 표현 해보자는 말입니다. 문장속 코드 표현 문장속에서 html 태그를 표시 하고 싶다든가 할 때는 해당 코드 혹은 태그를 ` 문자로 감싸면 됩니다. 이게 뭐냐면 보통의 키보드에서 숫자 1 자판 왼쪽, 탭키 위에 있는 문자입니다. 아래와 같이 사용하면 됩니다. ex) 문장 속에서 `<br />` 소스코드 표현하기 이렇게 작성 하면 아래와 같은 결과물을 볼 수 있습니다. ex) 문장 속에서 <br /> 소스코드 표현하기 마치 htmlRead More

[jQuery] jQuery를 이용하여 텍스트박스 값 초기화 하기

2017-02-24 jQuery

jQuery 사용법을 조금씩 공부하고 있는데, 참 재밌고 괜찮은것 같습니다. 오늘도 아주 간단하게 jQuery 를 이용하여 텍스트박스(<input type=”text”>)의 값을 초기화 해보도록 합시다. .val(”) 텍스트박스를 초기화한다는 것 자체가 별게 아닙니다. 그저 텍스트박스에 들어 있던 값을 지워주고 아무것도 없는 상태로 만들어준다든가, 혹은 초기에 지정된 값을 넣어주면 되는 것이죠. $(‘#yourtextbox’).val(”); id 가 yourtextbox 로 지정된 텍스트박스의 값을 공란으로 만들어 주는 것입니다. 만약 초기의 특정 값이 있다면? $(‘#yourtextbox’).val(‘Default Value’); 이렇게 지정해주면 되는 것이죠. 어렵지 않습니다. 끝.

[jQuery] jQuery를 이용하여 특정 태그의 attribute 바꾸기

2017-02-21 jQuery

jQuery 를 이용하여, 특정 태그의 attribute 를 바꾸는 방법을 알아봅시다. 예를 들어서 a 태그의 href 가 원래 http://google.com 인데, 사용자가 특정 액션을 할 경우 http://naver.com 으로 바꿔주는 것입니다. a 태그 만들기 <a href=”http://google.com” target=_blank id=”a-google”>구글</a> id 가 “a-google” 이라고 정의된 앵커 태그를 만들어 줍니다. 기본 세팅으로 href 는 “http://google.com” 입니다. attribute 바꾸는 함수 만들기 function change_href() { $(“#a-google”).attr(“href”, “http://naver.com”) } 이제 change_href 라는 함수를 만들어줍니다. 함수가 하는 역할은 간단합니다. href 의 내용을 구글 주소에서 네이버 주소로 바꿔주는 것입니다. 사용자가 aRead More

[PHP] PHP 를 이용하여 XML 파싱하는 간단 예제 feat. cURL

2017-02-21 PHP

PHP 를 통해서 xml 문서를 파싱하여 원하는 정보를 표시하는 방법을 알아봅시다. 간단한 예제를 한줄한줄 해석하는 방식이 편하겠네요. 파싱 대상이 되는 xml 문서의 주소는 아래와 같습니다. http://suggestqueries.google.com/complete/search?output=toolbar&q=korea 구글이 제공하는 연관검색어 xml 파일인데, korea 라는 키워드의 연관 검색어를 cURL 을 이용해 뽑아내어볼 예정입니다. 예제는 아래와 같습니다. 미리 선수치자면, 저는 문돌이라서 코딩 용어의 사용이 미숙하니 대충 봐주세요. $url = ‘http://suggestqueries.google.com/complete/search?output=toolbar&q=korea’; $ch = cURL_init(); cURL_setopt($ch, CURLOPT_URL, $url); cURL_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $response = cURL_exec($ch); cURL_close($ch); $object = simplexml_load_string($response); $suggest0 = $object->CompleteSuggestion[0]->suggestion[“data”]; echo $suggest0; 변수에 주소Read More

[WordPress] 특정 페이지 템플릿을 사용중인지 확인하기 feat. is_page_template()

2017-02-20 WordPress

워드프레스에서 테마를 만들면서 특정 페이지 템플릿을 사용 중인지 확인 후, 실제 해당 페이지 템플릿을 사용중이라면 특정 액션을 취해줘야 하는 경우가 있습니다. 그럴때는 is_page_template 함수를 사용하면 됩니다. is_page_template() 먼저 간단한 예제로 사용 방법을 보시죠. if ( is_page_template(‘page-yourtemplate.php’) ) { echo ‘yourtemplate 페이지 템플릿을 사용 중입니다.’; } page-yourtemplate.php 파일로 만들어진 페이지 템플릿을 현재 로드된 페이지가 사용중인지 확인 후, 사용이 확인 되면 특정 문구를 출력하도록 하였습니다. 개인적으로는 특정 페이지 템플릿을 사용중인 경우 특정 스크립트를 로드 하도록 설정해두었습니다. 더욱 자세한 사항은 워드프레스 레퍼런스 페이지를Read More

[WordPress] 워드프레스에서 테마 디렉토리를 반환해주는 함수

2017-02-20 WordPress

테마를 만들때 스크립트 파일을 가져올 경우 도메인을 포함한 해당 테마가 위치한 전체 경로를 가져다 써야 할 때가 있습니다. 워드프레스는 왠만한 작업은 모두 함수로 만들어져있어 함수만 잘 쓰면 됩니다. get_template_directory_uri() 간략한 사용법은 아래와 같습니다. <script src=”<?php echo get_template_directory_uri() . ‘/js/example.js’; ?>”></script> 그리고 웹페이지의 소스코드를 보면 아래와 같이 표시 되어 있을것입니다. <script src=”http://example.com/wp-content/themes/yourthemename/js/example.js'”></script> 간단하게 해석하자면, 내가 사용 하고 있는 테마 폴더의 서브폴더인 js 폴더에서 example.js 란 스크립트가 담긴 파일을 불러와 사용하겠다는 것입니다. 스크립트 파일이 아닌 스타일시트 파일 역시 같은 방법으로 가져와 사용Read More

(jQuery) 메시지 박스 실행시키기 feat. alert

2017-02-20 jQuery

VB 에서 msgbox 를 이용해 특정 메시지 박스를 사용자에게 보여주듯이, jQuery 에서는 alert 이라는 명령어를 사용하여 사용자에게 메시지 박스를 보여 줄 수 있습니다. alert 아래와 같이 단순 메시지 박스를 통해 특정 내용을 보여주는 alert 명령어는 아주 간단합니다. alert(“경고!”); 하지만 보통은 이렇게 사용하지 않고 특정 조건의 이벤트가 발생하면 함수를 실행시켜 메시지 박스를 보여주는 형태로 사용하죠. 먼저 함수를 만들어 봅시다. function show_complete() { alert(“페이지 로딩 완료!”); } 사용자에게 페이지 로딩이 완료되었다는 메시지를 표시해주는 show_complete 라는 함수를 만들었습니다. <body onload=”show_complete()”> body 태그가 로드Read More

[CSS] Input 태그 하이라이트 없애기

2017-02-20 CSS

웹페이지에서 인풋 태그(input)를 사용 하다보면 사용자가 현재 어떤 input 태그에 데이터를 입력 하고 있는지 표시해주기 위해서 활성화된 input 태그를 강조해주는 하이라이트가 생기게 됩니다. 크롬에서는 보통 하늘색 네모난 박스료 표시해주네요. 그런데 웹페이지를 디자인할 때 이 하이라이트가 강조되어 페이지의 디자인과는 잘 맞지 않는 경우가 있어, 이 하이라이트를 CSS 를 이용해 지워보도록 합시다. outline을 none 으로 설정하기 CSS 를 이용하여 하이라이트를 제거하는 방법은 아주 간단합니다. 아래 예제를 보시죠. input:focus { outline: none; } 아주 쉽죠? 포커스된 input 태그(input:focus)의 outline 을 none 으로 설정Read More

(Chrome) 크롬 브라우저, 확장 프로그램 없이 스크롤 부드럽게 하기 feat. Smooth Scroll

2017-02-17 Chrome

(크롬 버전 56.0.2924.87 기준입니다.) 크롬은 요즘 대세와는 다르게 웹페이지를 스크롤 할 때, 뚝뚝 끊기는 방식으로 스크롤이 됩니다. 요즘 많은 브라우저들이 Smooth Scroll 을 지원하고 있음에도 불구하고 아직 크롬은 이 기능을 정식으로 적용하지는 않았습니다. 하지만 크롬을 이 기능을 실험실 안에서 적용 가능 하도록 해두었습니다. 크롬 실험실 기능: 부드러운 스크롤 아래 링크 주소를 복사해서 주소창에 넣고 이동하면 부드러운 스크롤 기능 활성화 화면으로 바로 이동 할 수 있습니다(크롬 브라우저에서만 이동 가능). chrome://flags/#smooth-scrolling 해당 화면에서 “기본값” 혹은 “사용 중지”로 되어 있는 것을 “사용 설정됨”으로Read More

[VB] VB6 에서 오늘 날짜를 받아오기

2017-02-16 Visual Basic

아무 생각 없이 여기저기서 오늘 날짜를 가져오기 위해 사용하던 today 함수가 VB6 에는 없었다는 사실을 알게 되었습니다. 그래서 구글링 해보니 VB6 에서는 다른 함수를 쓰더군요. now() 보통 사용하는 today 나 getdate 같은 함수와 동일한 역할을 하는 함수인 now 를 쓰면 됩니다. Dim tDate as Date tDate = now() 사용법도 어려울게 없죠. 날짜가 표시되는 포맷을 바꾸고 싶다면 바꿔주면 됩니다. tDate = Format(now(), “yyyy-MM-dd”) 이런식으로 말이죠. 더욱 자세한 사항에 대해서는 MSDN – Visual Basic 6.0 사용자를 위한 날짜 및 시간 페이지와 MSDNRead More