이젠 공식문서 읽읍시다..! feat. react-hook-form 모든 사람들이 개발을 처음 배울때는 유튜브나 인터넷에 돌아다니는 블로그들을 참고하여 개발할 것이다.물론 나의 경우도 처음 공부할 때 생활코딩 html, css 강의부터 해서 XXX 사용법, XXX 만드는 방법 이런식으로 인터넷에 검색하여 나오는 블로그들을 보면서 공부했었다. 왜 다들 이렇게 강의나 블로그들을 보면서 개발을 배우는것 일까?답은 간단하다 공식문서를 읽는것보다 찾아보는 시간도 줄고 더 쉽게 이해할 수 있기 때문이다.하지만 이렇게 찾아서 공부하는것은 언제까지나 간단한 기능을 구현할 때만 해당 된다. 만약 내가 A기능 사용법을 찾아봤는데 블로그나 강의에 안나와있다면 어떻게 할것인가?만약 내가 B기능 사용법을 찾아봤는데 블로그마다 강의마다 다르다면 어떻게 할것인가?만약 라이브러리를 사용하고 있는데 .. zod 쓸까? 말까? - zod를 알아보자 zod는 javascript, typescript에서 사용가능한 유효성 검사? 스키마 정의 라이브러리이다굳이 써야해?내가 처음 zod를 보고 든 생각은 javascript나 typescript에서는 굳이 라이브러리를 사용하지 않고도 유효성 검사를 할 수 있는데 굳이?라는 생각이 들었다 근데 사람들은 왜 zod를 많이 사용할까?라고 생각하니 사용하기 간편하고 또 라이브러리 용량이 적기 때문이라고 생각한다 직접 코드로 구현할 수 있으나 코드가 너무 많아지고 또 라이브러리를 사용할 때는 라이브러리에서 제공하는 기능을 다 사용 못한다면 비효율적이겠지만 zod는 라이브러리 용량도 적어서 그런 부분에 대한 걱정을 안 해도 된다고 생각한다 사용하기!설치하기npm install zodyarn add zodpnpm ad.. 천재의 form 관리법 리액트에셔 form(input)을 관리하는 방법은 2가지가 있다제어 컴포넌트 사용비제어 컴포넌트 사용제어 컴포넌트(controlled component)제어 컴포넌트는 리액트에 의해 값이 관리되는 방식을 말한다쉽게 말하자면 리액트의 useState를 사용해 input을 관리하는것을 말한다!const ControlledComponent = () => { const [inputValue, setInputValue] = useState(""); return ( setInputValue(e.target.value)} /> );};위의 코드는 inputValue라는 state를 만들어 input을 제어하고있다비제어 컴포넌트(Uncontrolled component)비제어 컴포넌트는 리액트에 의해.. 이전 1 다음
