2016년 12월 24일 토요일

wp_enqueue_script() 사용법 - 워드프레스

안녕하세요. Alan 입니다.

워드프레스 wp_enqueue_script() 함수 사용법(https://developer.wordpress.org/reference/functions/wp_enqueue_script/)을 간단히 정리하였습니다.

[설명]

wp_enqueue_script() 함수는 워드프레스 내에서 스크립트를 추가할때 사용합니다.
별도로 html 내에 태그를 통해 스크립트를 추가하기 보다,
워드프레스 내의 스크립트 관리를 위해서 wp_enqueue_script() 함수를 적극 활용하는 것이 좋습니다.

기본적으로 워드프레스는 jquery 와 같은 스크립트와 오픈소스 스크립트 등이 이미 일부 포함되어 등록되어 있습니다.

해당 스크립트와 충돌을 방지하거나, 또는 버전별로 관리하기 위해서는 가급적 wp_enqueue_script() 함수를 이용하여 활용하시는 것이 좋습니다.

스크립트에 변수값을 추가하기 위해서는 별도의 함수인 wp_localize_script() 사용법을 참고해주세요.

[함수 설명]

wp_enqueue_script(string $handle, string $src='', array $deps=array(),string|bool|null $ver = false, bool $in_footer = false)


$handle

핸들값(스크립트 명칭). 스크립트의 명칭을 주로 입력합니다. 예) jquery-ui 등등...

$src

스크립트 소스 경로. URL 기반으로 입력하면 됩니다. URL 을 표시하는 워드프레스 함수 등을 이용하여 지정하시면 좋습니다.

$deps

스크립트 의존성 설정. 특정 스크립트가 있어야 한다거나, jquery 가 있어야 동작한다던가 하는 의존성을 설정할 수 있습니다. 배열이나, 문자열, bool 값, null 값이 들어갈 수 있습니다.

$ver

스크립트 버전정보 설정. 문자열로 버전 정보를 기입하면, 추후 스크립트 로딩시 script.js?ver=1.0 과 같이 버전 정보를 추가하여, 브라우저가 최신 버전이 적용되면 바로 로딩할 수 있게 됩니다. 가급적 기준이 되는 버전 정보를 기재하여 사용하는 것이 좋습니다.

$in_footer

스크립트 호출 위치 설정. header 와 footer 중 어디에 스크립트가 로딩되도록 설정할 것인지를 지정합니다. true 또는 false로 설정할 수 있으며, true 설정시 footer 에서 스크립트가 로딩됩니다.


[사용 예제]

/**
 * Proper way to enqueue scripts and styles.
 */
function wpdocs_theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );


감사합니다. 

2016년 12월 23일 금요일

dig 명령어 사용법 - Mac/Linux

안녕하세요. Alan 입니다. 

오늘은 dig 명령어에 대해서 정리를 해보려고 합니다. 

dig 명령어는 "도메인의 DNS 정보를 조회"할때 사용하는 명령어 입니다.

Mac 환경에서 콘솔에서 dig 명령을 사용한 결과





















dig 명령을 알기 전에는 DNS 정보를 조회하기 위해서 각종 사이트를 찾아다녔던 것으로 기억합니다. 
(그럴필요가 없었는데 말이죠. )

제 경우, dig 명령은 mac 환경에서 처음 접했습니다. 
알고 보니, 리눅스 계열에서 네트웍 관련 도구 패키지만 설치하면 기본적으로 사용이 가능하더라구요. 

윈도우의 경우에는 dig32 라고 해서, 리눅스 dig 패키지를 윈도우에서 사용할 수 있도록 제작된 파일들이 있더군요. 설치하고 나서 윈도우 PATH 변수를 잡아놓으면 편리하게 사용이 가능합니다.

웹사이트 개발을 하시거나, 도메인 연결 작업이 잦으신 분들은 필수로 설치해두면 좋을 것 같습니다. 

주로, dig 명령어는 도메인 연결 전에 도메인에 설정된 네임서버가 어디인지, 어떤 아이피로 연결되는지, 또는 도메인을 연결한 사이트의 변경된 DNS 의 전파 정도나, 갱신 시간 등을 확인하는 용도로 사용합니다. 

사용법은 아래에 정리를 해두었습니다. 참고하시면 좋을 것 같습니다. 



[초간단 사용법]

dig [레코드종류] [도메인주소]

- 레코드 종류 : A, NS, MX, TXT, ANY(가지고 있는 내용 전부 조회)
- 도메인 주소 : http:// 와 같은 프로토콜을 제외한 주소만 입력

예) dig any alan.kr

도메인 주소를 입력할때, 도메인이 www.alan.kr 주소라면, 앞의 www 를 제외한 dig alan.kr 주소로 조회하시는 것이 좋습니다. 



[고급 사용법]

dig @[네임서버주소] [레코드종류] [도메인주소]

- 네임서버 주소 : 구글에서 운영하는 네임서버인 8.8.4.4 또는 8.8.8.8 과 같은 네임서버 주소를 입력하면 됩니다. 경우에 따라 네임서버마다 갱신 여부가 궁금할때 사용하시면 됩니다. 



감사합니다.