안녕하세요 워드프레스에서 기본적으로 제공하는 텍스트 편집기를 사용할 때 문제가 있는지는 모르겠습니다. 하지만 WP Githuber MD플러그인에서 작성하는 글은 br태그가 제거가 되어 문제가 발생하는 부분을 확인 했습니다. 해결 방법 이제 작성을 하면 됩니다. 우측에 코드 유형은 반드시 PHP 스니펫으로 하셔야 합니다. 상태 부분에 토글 버튼이 있습니다. 토글 버튼을 클릭해서 활성화 하시면 됩니다. 기타 wpautop 함수에 대한 자세한 … Read more
React에서 트리 뷰(Tree View) 컴포넌트를 구현하는 방법을 정리했습니다. 1. 트리 뷰(Tree View)란? 트리 뷰는 계층적인 데이터를 시각적으로 표현하는 UI입니다. 대표적인 예시로는 다음과 같은 것들이 있습니다. 트리 뷰의 핵심은 계층 구조 데이터를 관리하고, 이를 UI로 동적으로 렌더링하는 것입니다. 2. 트리 뷰의 데이터 구조 (JSON 형태의 계층 데이터 다루기) 트리 구조를 표현하려면, 기본적으로 다음과 같은 형태의 데이터를 … Read more
나만의 독창적인 웹사이트를 만들고 싶다면, 기본 제공 테마에 만족하지 않고 직접 테마를 제작해보는 것도 좋은 방법입니다. 이 글에서는 초보자도 쉽게 따라 할 수 있는 워드프레스 테마 생성 방법을 단계별로 설명드리겠습니다. 1. 테마 폴더 및 파일 생성 워드프레스 테마를 만들려면 테마 폴더를 생성하고 필수 파일을 추가해야 합니다. 테마 폴더 생성 wp-content/themes/ 경로 아래에 원하는 테마 폴더를 … Read more
LocalWP(Local by Flywheel)는 간편하게 로컬 환경에서 워드프레스를 실행할 수 있도록 도와주는 도구입니다. 초보자부터 개발자까지 쉽게 워드프레스 환경을 설정할 수 있습니다. 1. LocalWP란 LocalWP(Local by Flywheel)는 다음과 같은 장점을 갖춘 로컬 개발 환경 도구입니다. 2. Local 설치하기 LocalWP 공식 사이트 접속, 우측 상단 DOWNLOAD 버튼을 클릭합니다. OS를 선택하고, 설치를 진행합니다. 3. 워드프레스 사이트 생성하기 Create a … Read more
JavaScript와 Canvas로 룰렛 게임 구현하기 – 완성된 모습 spin 
1. 초기 HTML 구조 작성하기 먼저, 기본적인 HTML 파일을 만들고, 룰렛을 그릴 canvas 요소와 룰렛을 돌리는 버튼을 배치합니다. <canvas>는 룰렛을 그리는 공간입니다. <button>은 룰렛을 회전시키는 버튼입니다. <script>는 자바스크립트 코드를 이곳에 작성합니다. 
2. Canvas를 이용해 룰렛 그리기 이제 script 부분에서 JavaScript를 이용해 룰렛 UI를 그리는 … Read more