전체 글

오류 발생 스프링부트에서 Author 라는 Entity와 AuthorRepository라는 Repository를 호출하는 코드를 실행했을 때 다음 오류가 발생했다. org.springframework.beans.factory.UnsatisfiedDependencyException Caused by: org.springframework.beans.factory.BeanCreationException Caused by: java.lang.IllegalArgumentException 오류 상세 보다 자세한 오류 내용은 다음과 같다. 3단계에 걸쳐 실제 호출해서 오류가 발생한 지점부터 근원지까지의 오류 발생 내용이 기록되어있다. 오류 내용을 제외한 나머지 내용은 길어서 생략했다. 2024-03-05T09:06:..

오류 발생 Typescript와 Jest로 작성한 테스트코드를 실행했더니 Jest encountered an unexpected token 라는 오류가 발생했다. 오류 상세 npm test > test > jest FAIL app/components/example/Button.test.tsx ● Test suite failed to run Jest encountered an unexpected token Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such synta..

오류 발생 VSCode로 React + Typescript환경에서 테스트코드를 작성하는 과정에서 toHaveClass가 없다는 오류가 발생했다. 오류 상세 import Button from "./Button"; import { render, screen } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; test("when the Button is clicked, then background color changes red to blue", async () => { const user = userEvent.setup(); render(); const button = screen.getByRole("but..

이번 포스팅에서는 CSS 프레임워크인 Tailwind CSS에서 커스텀 컬러를 등록하는 방법을 다룬다. 1. Tailwind CSS의 컬러 커스터마이징 Tailwind는 기본값으로 지정된 Color Palette을 변경하거나, Alias를 붙이거나, 특정 색상에 이름을 붙여서 사용할 수 있게 하는 기능을 제공한다. 모든 작업은 tailwind.config.js(혹은 ts) 를 수정해서 간단하게 변경할 수 있다. 2. Color Palette 변경하기 Tailwind는 Default Color Palette를 제공해서 톤에 맞는 색상을 편하게 사용할 수 있다. 만약 기본 팔레트가 마음에 들지 않는 경우에는 변경할 수 있다. 예를 들자면 팔레트를 보다 작은 단위로 사용할 수 있게 50 단위의 색상을 추가하거..