WP Githuber MD 플러그인 br태그가 동작하지 않을 때

안녕하세요 워드프레스에서 기본적으로 제공하는 텍스트 편집기를 사용할 때 문제가 있는지는 모르겠습니다. 하지만 WP Githuber MD플러그인에서 작성하는 글은 br태그가 제거가 되어 문제가 발생하는 부분을 확인 했습니다. 해결 방법 WP CODE 플러그인을 설치하고 활성화합니다. 코드 스니펫 추가 사용자 정의 스니펫 만들기 이제 작성을 하면 됩니다. 우측에 코드 유형은 반드시 PHP 스니펫으로 하셔야 합니다. remove_filter ('the_content', 'wpautop'); 적용 … Read more

React Tree View 구현하기

대시보드 페이지에서 폴더를 불러와 웹 사이트 파일들을 트리 구조로 보여주는 기능을 본 적이 있습니다. 이 글은 React를 이용해 폴더 및 파일 목록을 트리 구조로 보여주는 것을 구현한 내용을 공유하고자 합니다. 환경 구성 빌드 도구: 이번 프로젝트에서는 Vite를 사용했습니다. Vite는 빠른 개발 환경 설정과 빌드를 제공하여 편리하게 사용할 수 있습니다. 데이터: 서버로부터 배열 형태로 데이터를 받는다고 … Read more

WordPress – 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용

안녕하세요 이 글에서는 단순히 테마를 생성하는 과정만 작성합니다. 새로운 테마 생성하기 워드프레스의 테마는 wp-content/themes 폴더에 위치하고 있습니다. 새로운 테마는 wp-content/themes 폴더 위치에서 새 폴더를 만들고 index.php과 style.css 파일을 생성하면 워드프레스의 관리자 페이지에서 테마가 생성된 것을 확인할 수 있습니다. 정리 wp-content/themes 폴더에 새로운 테마 폴더를 생성한다. index.php 파일을 생성한다. style.css 파일을 생성한다. 관리자 페이지에서 생성된 테마를 … Read more

WordPress 개발 환경 구성하기

안녕하세요 워드프레스 블로그를 만들기 시작하고 워드프레스에 대해서 공부를 하기로 했습니다. 이 글에서는 localwp 사이트에서 다운로드한 프로그램을 사용하면 쉽게 개발 환경 구성이 가능하기 때문에 localwp 프로그램을 사용하는 방식으로 작성합니다. 현재 저도 워드프레스를 공부하는 과정이라 틀린 부분이 있으면 댓글 남겨주시고 같이 공부하면 좋을 거 같습니다. 이 글에서는 워드프레스를 실제 배포하고 그런 내용은 없습니다. 개발 환경을 구성하는 부분까지 … Read more

Javascript Canvas를 사용해서 룰렛 만들기

javascript canvas를 사용해서 룰렛 만들기 위한 과정을 단계별로 정리해보았습니다. 이 글에서는 제가 룰렛을 어떻게 만들었는지 설명합니다. 룰렛 만들기 과정 배경 원 그리기: 룰렛의 기본 틀을 형성하는 배경 원을 그립니다. 룰렛 화살표 그리기: 룰렛이 멈췄을 때 당첨 아이템을 가리킬 화살표를 그립니다. 룰렛 아이템 그리기: 룰렛에 표시될 각종 아이템을 그립니다. 룰렛 회전하기: 룰렛을 회전시킵니다. 이징 함수: 회전의 … Read more