React 달력 컴포넌트 구현하기

React에서 달력을 직접 구현하는 것은 다양한 기술적 요소를 익히기에 좋은 연습이 될 수 있습니다. 달력은 단순한 UI 요소처럼 보일 수 있지만, 날짜 연산, 상태 관리, 사용자 입력 처리 등 여러 가지 개념이 포함됩니다. 본 글에서는 React를 활용하여 달력 컴포넌트를 직접 만들어보고, 구현 과정을 정리했습니다. See the Pen react-calendar by CodingCitron (@codingcitron) on CodePen. React 달력 … Read more

VSCode에서 Prettier 설정 파일이 있을 때만 자동 포맷 적용하는 방법

VSCode에서 Prettier를 사용할 때, 모든 프로젝트에서 자동으로 코드가 포맷되는 것을 원하지 않는 경우가 있습니다. 특정 프로젝트에서만 Prettier가 작동하도록 하려면 설정 파일이 존재할 때만 포맷을 적용하도록 구성해야 합니다. 본 글에서는 VSCode에서 Prettier 설정 파일이 있을 경우에만 자동 포맷이 실행되도록 설정하는 방법을 정리합니다. settings 열기 VSCode Settings – VSCode 왼쪽 하단의 톱니바퀴를 클릭하고 Settings를 클릭합니다.   Require … Read more