전체 글 (76) 썸네일형 리스트형 [TIL] Image 올리기 next.js에서는 Image를 올릴때 import Image from "next/image"; import 후에 이미지 크기같은걸 정해서 올리면 잘 올라간다! [TIL] changeEvent const onChangeHandler = (event: React.ChangeEvent) => { setChange(event.target.value); }; typeScript에서 이렇게만 input 에 썼었는데 export default function useInput() { const [value, setValue] = useState(""); const onChange = (e: React.ChangeEvent) => { setValue(e.target.value); }; return { value, setValue, onChange }; } 이렇게 따로 커스텀 훅인 useInput을 정의해서 선언했더니 다른 페이지에서 가져오기가 훨씬 편하고, 코드가 깔끔해졌다. const { value: ed.. [TIL] TailwindCSS 사용하기 next.js를 사용하면 TailWindCss를 사용할 수 있는데 프로젝트를 하다보니 className=" " 으로해서 css를 적용해줄 수 있었다. TailWindCSS를 쓸 수 있는 사이트이다. https://tailwindcss.com/ 완료 이렇게하면 padding right와 padding left가 늘어나고, text가 white로 바뀌고, border-radius 가 바뀐다. 이전 1 2 3 4 5 6 ··· 26 다음