ESNext #3: 사이드바

이번에는 사이드바의 제어에 대해 예제 코드를 작성해본다. 사이드바는 문서 전체나 일부 블록, 혹은 플러그인이 확장할 수 있도록 되어 있다. 처음에는 사이드바가 휙휙 변해서 혼동이 많았지만, 몇 번 보고 그 동작에 대해 이해하기 시작하니 나쁘지 않다. 이 사이드바는 이제 매우 중요한 의미가 있다. 클래식 에디터에서는 글 편집 이외의 여러 제어 요소들을 메타 박스로 처리했다. 이 메타… ESNext #3: 사이드바 계속 읽기

발행일
카테고리 ES Next

WPML에서 추가한 태그의 언어가 포스트의 언어와 달라요?!

워드프레스 편집 화면에서 아래 위젯을 이용해 기존의 태그를 가져오거나, 새로운 태그를 작성할 수 있습니다. 그런데 WPML을 사용하는 경우에 태그를 추가할 때 작성중인 언어의 태그가 나오는 것이 아닌, 엉뚱한 언어의 태그가 달려 나오는 경우가 종종 있을 것입니다. 이 포스트에서는 그 원인이 무엇인지, 그리고 어떻게 해결할 수 있는지에 대해 작성하려고 합니다. 단, 새 버전의 에디터인 구텐베르크에서 글… WPML에서 추가한 태그의 언어가 포스트의 언어와 달라요?! 계속 읽기

ESNext #2: 블록 제작

블록과 블록 에디터 환경에서 자유자재로 원하는 기능을 만들고 싶다. 기존에는 페이지를 제작할때 주로 숏코드를 사용했다. 물론 숏코드는 여전히 유용하고 유효하다. 페이지의 모든 내용이 고정되며 페이지 전반에 어떤 특정 기능을 구현해야 할 때, 그리고 그 때 서버 사이드 스크립트가 더 편리할 때는 그렇게 작성하는 것도 편리하다. 그러나 엘레멘터 같은 비주얼 빌더들이 워드프레스 제작 환경에는 사실상 표준이… ESNext #2: 블록 제작 계속 읽기

발행일
카테고리 ES Next

ESNext #1: 리액트 사용

블록 에디터가 워드프레스 생태계에 주는 여파는 꽤 크다. 단순히 쓰기 편한 새로운 에디터가 등장한 것 뿐만이 닐 것이다. 이제 새로운 프론트엔드 개발 기법들을 적극적으로 반영해야 한다. 리액트는 새로운 워드프레스 코어 코드의 중요한 의존성이 되었다. 물론 필수는 아니겠지만 개발자는 보다 리액트를 잘 이해해야 할 필요가 있다. 아마 꽤 오랫동안은 그 영향력이 유지되겠지만 점차 jQuery는 폐기될 것이다.… ESNext #1: 리액트 사용 계속 읽기

발행일
카테고리 ES Next

워드프레스 코어 #2

지난 시간에 이어 코어 두 번째 이야기를 준비했습니다. 이번에는 wp() 함수에서 일어나는 라우팅에 대해 알아봅니다. URL을 입력하면 각 주소에 따라 서로 다른 콘텐츠가 나옵니다. 어떤 주소로는 단일 포스트 세부 내용이 나오고, 또다른 주소로는 아카이브 페이지가, RSS 피드가 나옵니다. 이게 어떻게 가능할까요? 이 원리를 간단히 알아봤습니다. 슬라이드 보기