본문 바로가기

Web Development

(2)
[tailwind 4] Tailwind CSS에서 배경 이미지와 그라디언트 효과 동시 적용하기 색상만 그라디언트 효과를 주는 방법은 공식문서에 있는 것처럼 시도하면 됬었지만..https://tailwindcss.com/docs/background-image background-image - BackgroundsUtilities for controlling an element's background image.tailwindcss.com    이미지를 바닥에 깔고 그 위에 그라디언트를 주는 게 생각보다 시간이 걸렸다   1. CSS background 속성의 기본 동작을 활용하여2. 그라디언트를 먼저 선언하고, 그 다음에 이미지 URL을 작성합니다 3. 쉼표(,)로 구분하여 여러 배경을 나열합니다 4. 먼저 선언된 그라디언트가 위에 표시됩니다
[React] form submit과 관련된 useFormStatus 훅 useFormStatus는 마지막 폼 제출의 상태 정보를 제공하는 Hook입니다form 이 pending 상태일 때 다른 이벤트를 주고 싶을 때 사용하는 용도로 사용됩니다.(예 : submit 버튼의 텍스트를 submitting... 으로 바꾼다던지 ) const { pending, data, method, action } = useFormStatus();  tanstack query 의 useQuery 에서 보던 형태이다. pending: 불리언 값입니다. true라면 상위 이 아직 제출 중이라는 것을 의미합니다. 그렇지 않으면 false입니다. data: FormData 인터페이스를 구현한 객체로, 상위 이 제출하는 데이터를 포함합니다. 활성화된 제출이 없거나 상위에 이 없는 경우에는 null입니다...