상민 vscode를 사용하면서 기본 포맷 옵션으로 prettier를 사용하고 있습니다. 그런데 모든 프로젝트에 prettier가 항상 적용되는 것은 불편하다는 생각이 있어서 찾아서 글로 작성합니다. prettier 설정 파일이 존재할때만 prettier 적용하기 vscode좌측 하단에 보면 설정 버튼(⚙️)이 있습니다. 설정 버튼을 클릭하고 검색창에 requireConfig를 입력하고 검색합니다. 해당 옵션을 체크하면 prettier설정 파일이 있을때만 포맷옵션이 적용됩니다. 감사합니다.
달력은 windows 컴퓨터 하단 시계 부분을 클릭하면 나오는 달력과 비슷하게 만들었습니다. 윈도우 달력 위젯의 구성 윈도우 달력 위젯의 구성은 이렇습니다. 년과 월을 표시 이전달, 다음달 이동 버튼 이전 달, 현재 달, 다음 달을 6주(42일)로 표시 표시되어 있는 년월이 현재년월이라면 오늘 날짜를 달력에 강조 표시 특정 날짜를 클릭할 수 있고 클릭한 경우 강조 표시 개발 환경 … Read more
VSCode를 사용하다 보면 Default Formatter를 Prettier로 설정했기 때문에 다른 사람의 코드를 가져온 경우에도 자동적으로 내 VSCode에서 해당 파일을 실행하게 되면 변경되는 경우가 있습니다. 이를 방지하기 위해서 Prettier설정 파일이 존재할 때만 동작하게 하는 옵션이 있습니다. settings 열기 VSCode Settings – VSCode 왼쪽 하단의 톱니바퀴를 클릭하고 Settings를 클릭합니다. Require Config 체크하기 Settings에서 검색바에 requireConfig를 입력하면 나오는 Prettier … Read more
안녕하세요 워드프레스에서 기본적으로 제공하는 텍스트 편집기를 사용할 때 문제가 있는지는 모르겠습니다. 하지만 WP Githuber MD플러그인에서 작성하는 글은 br태그가 제거가 되어 문제가 발생하는 부분을 확인 했습니다. 해결 방법 WP CODE 플러그인을 설치하고 활성화합니다. 코드 스니펫 추가 사용자 정의 스니펫 만들기 이제 작성을 하면 됩니다. 우측에 코드 유형은 반드시 PHP 스니펫으로 하셔야 합니다. remove_filter ('the_content', 'wpautop'); 적용 … Read more
대시보드 페이지에서 폴더를 불러와 웹 사이트 파일들을 트리 구조로 보여주는 기능을 본 적이 있습니다. 이 글은 React를 이용해 폴더 및 파일 목록을 트리 구조로 보여주는 것을 구현한 내용을 공유하고자 합니다. 환경 구성 빌드 도구: 이번 프로젝트에서는 Vite를 사용했습니다. Vite는 빠른 개발 환경 설정과 빌드를 제공하여 편리하게 사용할 수 있습니다. 데이터: 서버로부터 배열 형태로 데이터를 받는다고 … Read more
안녕하세요 이 글에서는 단순히 테마를 생성하는 과정만 작성합니다. 새로운 테마 생성하기 워드프레스의 테마는 wp-content/themes 폴더에 위치하고 있습니다. 새로운 테마는 wp-content/themes 폴더 위치에서 새 폴더를 만들고 index.php과 style.css 파일을 생성하면 워드프레스의 관리자 페이지에서 테마가 생성된 것을 확인할 수 있습니다. 정리 wp-content/themes 폴더에 새로운 테마 폴더를 생성한다. index.php 파일을 생성한다. style.css 파일을 생성한다. 관리자 페이지에서 생성된 테마를 … Read more
안녕하세요 워드프레스 블로그를 만들기 시작하고 워드프레스에 대해서 공부를 하기로 했습니다. 이 글에서는 localwp 사이트에서 다운로드한 프로그램을 사용하면 쉽게 개발 환경 구성이 가능하기 때문에 localwp 프로그램을 사용하는 방식으로 작성합니다. 현재 저도 워드프레스를 공부하는 과정이라 틀린 부분이 있으면 댓글 남겨주시고 같이 공부하면 좋을 거 같습니다. 이 글에서는 워드프레스를 실제 배포하고 그런 내용은 없습니다. 개발 환경을 구성하는 부분까지 … Read more
javascript canvas를 사용해서 룰렛 만들기 위한 과정을 단계별로 정리해보았습니다. 이 글에서는 제가 룰렛을 어떻게 만들었는지 설명합니다. 룰렛 만들기 과정 배경 원 그리기: 룰렛의 기본 틀을 형성하는 배경 원을 그립니다. 룰렛 화살표 그리기: 룰렛이 멈췄을 때 당첨 아이템을 가리킬 화살표를 그립니다. 룰렛 아이템 그리기: 룰렛에 표시될 각종 아이템을 그립니다. 룰렛 회전하기: 룰렛을 회전시킵니다. 이징 함수: 회전의 … Read more
2024.07.03 ~