개발공부/오픈소스2 React Hook Form과 Validation 이번에 서비스를 새로 리뉴얼하면서 Jquery에서 Next.js 기반으로 서비스를 새로 구성했다. 서비스 특성상 사용자가 작성하는 Form과 데이터를 보여주는게 핵심적인 기능인데, 안정적인 서비스와 관리를 위해 필수적으로 사용해야하는 오픈소스중 하나가 React Hook Form 이였는데, 어떤식으로 사용했는지, 사용하는데 불편한점이나 처음부터 알았으면 좋았을 것 같은 부분들을 중심으로 이야기를 풀어가려한다. React Hook Form 이란? React에서 전반적인 Form Input 관리를 위해 DX, UX, 퍼포먼스 중심으로 설계된 오픈소스. 여러개의 input을 복합적으로 사용하거나 복잡한 Input validation을 처리할 때 특히 유용하게 사용할 수 있다. 어떤식으로 사용하나요? React.. 2023. 4. 9. [오픈소스] velog에 image caption 기능을 만들고 PR날리기 까지. 블로그를 고를때 많은 고민을 했다. `velog`로 갈지, 아니면 브런치로 갈지. 그것도 아니면 github.io페이지를 만들어서 운영할지. 실제로 gatsby의 테마를 사용해서 어느정도 꾸며두긴 했다. (dding-g.github.io) 결론적으로는 티스토리를 선택했는데, velog와 티스토리를 사이에 두고 많이 고민했다 velog는 피드 기능이 있어서 사람들에게 내 글을 즉각적으로 보여줄 수 있다는 장점이 있지만 광고를 붙일 수 없었고, 내가 작성한 글의 통계를 볼 수 있는 기능이 없었다. 하지만 티스토리는 광고는 붙일 수 있지만 다른 사람들에게 내 글이 전달되는 속도는 velog보다 훨씬 느렸다. 결론적으로 티스토리를 선택했는데, velog를 조금 사용할 때 몇 가지 글을 쓰는 중 티스토리에는 지원.. 2022. 7. 2. 이전 1 다음
