소개
강의
전체2수강평
- 1회독
애드워드
2024.04.29
1
- 도움이 많이 되는 내용감사합니다!!
heegun_youn
2024.03.21
0
- 강의가 매우 도움 됩니다.
양경철
2024.02.04
0
- 실력이 좋으세요. 강의 내용도 좋습니다.
양경철
2023.12.30
0
- 정말 유익해요
minkkim
2023.12.28
0
게시글
질문&답변
2024.05.13
프로젝트3의 툴팁에서
네. 안녕하세요. 답변이 늦어 죄송합니다. functions.php 파일에 아래 코드를 추가해주세요. // Add type module to script add_filter ( 'script_loader_tag' , 'add_type_attribute' , 10 , 3 ); function add_type_attribute ( $tag , $handle , $src ) { // if not app-js script, do nothing and return original $tag if ( 'main-script' !== $handle ) { return $tag ; } // change the script tag by adding type="module" and return it. $tag = ' . esc_url ( $src ) . '"> ' ; return $tag ; } 그리고 main.js 파일에 import { bsComponents } from './modules/bsComponents.js' 라고 import 시켜 준 다음 bsComponents () 라고 함수를 호출해주세요. 물론 bsComponents.js에는 툴팁을 사용할 수 있는 부트스트랩 함수를 작성해 주셔야 합니다. export function bsComponents () { const tooltipTriggerList = document . querySelectorAll ( '[data-bs-toggle="tooltip"]' ) const tooltipList = [... tooltipTriggerList ]. map ( tooltipTriggerEl => new bootstrap . Tooltip ( tooltipTriggerEl )) } 이렇게 하시면 됩니다.(부트스트랩 툴팁 페이지 참조) 감사합니다.
- 1
- 2
- 100
질문&답변
2024.05.13
wordpress에서 js파일 모듈작업
안녕하세요~ 요즘 제가 업무가 바빠서... 답변이 늦어 죄송합니다. ㅠㅠ 일반적으로 js 파일 스크립트 링크를 걸 때 modules로 잘게 나누어 각 모듈에서 js 코딩을 하면 깔끔하고 또한 협업에 도움이 됩니다. 이 때 html 파일 footer 엘리먼트 위에 이렇게 표기해 주고, main.js 파일에는 import {scroll } from './modules/scroll.js' 등으로 import 시켜줍니다 그리고 if (document.querySelector('#scrolltoTop')) {scroll()} 이런 식으로 scroll.js 내의 함수를 선언해 줍니다. 그런데... wordpress에서는 js 파일의 스크립트 링크를 functioins.php에 연결하기 때문에 wp_enqueue_script ( 'main-script' , get_theme_file_uri ( 'assets/js/main.js' ), 'NULL' , '1.0' , true ); 라고만 해주게 되면, 위의 html 에서처럼 type="module"이라는 속성을 추가해줄 수 없게 됩니다. wp_enqueue_script hook 함수에는 속성을 추가하는 파라미터가 없거든요. 그래서 이 경우에는 다음과 같이 코드 몇 줄을 추가해 줍니다. (add_type_attribute라는 함수 이름은 원하시는대로 하셔도 좋아요) // Add type module to script add_filter ( 'script_loader_tag' , 'add_type_attribute' , 10 , 3 ); function add_type_attribute ( $tag , $handle , $src ) { if ( 'main-script' !== $handle ) { return $tag ; } $tag = ' . esc_url ( $src ) . '"> ' ; return $tag ; } 그러면 나중 소스 코드를 볼 때 위의 html 코드의 footer 위에 script type="module" 코드처럼 완성되게 됩니다. webpack을 이용해서 할 수도 있는데, 좀 더 복잡하고 버전 관리(버전에 따라 npm run dev 또는 npm start했을 때 잘 되지 않을 수 있습니다)가 귀찮은 부분이 있어서... 이 방법이 초보자에겐 간단한 것 같습니다.
- 0
- 2
- 19
질문&답변
2024.04.08
$post가 정의되어있지 않다는 메시지가 나오네요.
안녕하세요. 답변 달려고 했더니, 벌써... 😀 워드프레스 버전이 얼마인지는 모르겠는데, 과거에는 $post가 global variable(전역변수)로 자동 인식이 되었습니다(이 동영상 촬영할 때). 그런데, 언제부터인가 $post가 undefined로 에러가 뜹니다. 해결 방법이 두 가지가 있는데요, 첫번째는, 답글에서처럼 제일 위줄에 global $post;를 추가하는 방법이 있고, 두번째는, thumbnail ID가 while loop에서 필요하기 때문에, $thumbnail_id = get_post_thumbnail_id(get_the_ID()); 라고 지정해 주셔도 됩니다. 주의할 것은 이렇게 $thumbnail_id를 변수로 정하면, 이 변수값은 loop 구문 속에서만 적용된다는 점입니다. 선택해서 사용하시면 되겠습니다.
- 0
- 2
- 103
질문&답변
2024.01.12
25강 - Post meta 부분 질문입니다.
안녕하세요. 예전에는 아바타 이미지 함수에서 변수 $default와 $alt 만 넣어도 됐었는데요, 언제부터인가는 $default ='', $alt = '' 를 넣어주셔야 합니다. (그냥 작은 따옴표 2개) 참고 문헌: https://developer.wordpress.org/reference/functions/get_avatar/ 아래에 있는 예제를 참조해주세요. 예제 코드는, echo get_avatar( get_the_author_meta( 'ID' ), $size = '18', $default = '', $alt = '', $args = array( 'class' => 'class_name_whatever_you_want' ) ); 한번 해 보시고, 안 되면 다시 문의주세요.
- 0
- 1
- 114
질문&답변
2023.11.25
프로젝트1 번의 Navigation 강의부에서 질문입니다.
안녕하세요. 몇 강좌 뒤에 서비스 섹션을 하면서 jQuery cdn을 추가하게 됩니다. 조금만 기다려주세요~
- 0
- 1
- 189