dev + it dev nodejs nodemailer Sending mail with nodemailer to office@company.ro addresslet transporter = nodemailer.createTransport({ service: '?', auth: { user: 'office@company.ro', pass: 'passHere' } }); This is the code I'm using. Earlier, I was sendin... wono | discuss | tweet + it dev nodejs nodemailer 사용자에게 이메일 전송하기 (nodemailer)nodemailer를 사용해 사용자에게 이메일 알림이나 사용자 인증 메일을 보내야 하는 경우의 과정을 다뤄보겠습니다. nodemailer 모듈은 발신자와 수신자 정보, 보낼 내용만 설정하여 간편하게 서드파티 앱에서 이메일을 보낼 수 있게 도와줍니다 wono | discuss | tweet + it dev nodejs nodemailer [Node.js] nodemailer - 나의 이메일 계정 사용하기 회원 등록 시, 이메일 인증을 하는 플로우가 필요했다. 가장 많이 쓴다는 nodemailer을 사용하기로 했다. 예제를 따라하니 gmail 계정 연동하기까지는 참 쉬웠다. 문제는 보내는 사람의 이메일 주소가 회사 계정이어야된다는 점이었다. 왜 이런 예제는 없지요 wono | discuss | tweet + it dev react query TanStack Query(React Query) 직접 만들어보기 | GeekNews안녕하세요.TanStack Query를 직접 구현해보는 프로젝트를 만들게 되어 공유해봅니다.실제 TanStack Query 코드와 100% 일치하지 않지만전체적인 동작 흐름을 이해하는 데 도움이 되시기를 바랍니다.구현해 보는 기능은 아래와 같습니다.외부 라이브러리에 의존하지 않는 core 영역(QueryClient, QueryCache, Query, Que wono | discuss | tweet + it dev nextjs cache [Next.js] use cache - A new way to Cache in Next.js 15Next.js Caching 참고) unstable_cache는 archive 되었고 이를 대신하는 실험중인 기능입니다. This API is currently experimental and subject to change. use cache는 캐시할 컴포넌트, 함수 또는 파일을 지정합니다. 파일 상단에 사용하여 파일의 모든 함수를 캐시할 수 있음을 나타내거나 함수 상단에 인라인으로 사용하여 함수를 캐시할 수 있는 것으로 표시할 수 있습니다. 이것은 실험적인 Next.js 기능이며, use client나 use server와 같은 native React 기능이 아닙니다. Next.config.ts 파일에서 dynamicIO 플래그를 사용하여 use cache 지시어에 대한 지원을 활성화할 수 있습니다.. wono | discuss | tweet + it dev react devtools React 개발자 도구 활용하기 (Dev Tools)React Dev Tools 제대로 활용하여 좀 더 효율적인 개발을 해보자 🛠️ wono | discuss | tweet + it dev react hook form usefieldarray useFieldArray 사용하기서비스 특성 상 사용자에게 입력받는 form들이 많고, 같은 form을 여러개 중첩해서 받는 경우가 있다. 이 때 useFieldArray를 사용해서 쉽게 관리해보자! wono | discuss | tweet + it dev react rerender 리액트 리렌더링 최적화 방법 조사리액트 렌더링의 개념과 리렌더링 발생 조건, 리렌더링 최적화 방법을 소개합니다. wono | discuss | tweet + it dev react input rerender react-hook-from 에 대한 고찰react-hook-from 을 왜 사용하며, 사용하면서 알아야할 개념들 wono | discuss | tweet + it dev shadcnui bug calendar [bug]: add calender doesn't work · Issue #5671 · shadcn-ui/uiDescribe the bug Adding calender doesn't work.It requires to install the dependencies but i have installed all the dependencies. I think this error might occurring because of new date-fns versions 4.1.0 Affected component/components Cale... wono | discuss | tweet + it dev javascript new date 자바스크립트 Date / +new Date ?.. : 네이버블로그 wono | discuss | tweet + it dev react rerender How to force a React component to re-render · CoreUIReact triggers re-rendering when there’s a change in state or props. However, there are scenarios where you might need to force a component to re-render manually without explicitly modifying its state. This article will explore ways to force re-renders in both class and functional components to ensure the UI reflects the latest data. wono | discuss | tweet + it dev react rerender How to rerender a child component from parent component on an event like a click? wono | discuss | tweet + it dev shadcnui calendar Close calendar · Issue #901 · shadcn-ui/uiHi, We can open the calendar but unable to to close it when date is selected. How can we close the calendar when date is selected. Thank you wono | discuss | tweet + it dev nextjs nuqs Search Params in Next.js for URL StateHow to use Search Params in Next with useSearchParams und SearchParams from React Server Components and Client Components for URL state ... wono | discuss | tweet + it dev react jotai usetransition How to Use Jotai and useTransition for Mutation wono | discuss | tweet + it dev shadcn example ui/apps/www/registry/new-york/examples at main · shadcn-ui/uiBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. - ui/apps/www/registry/new-york/examples at main · shadcn-ui/ui wono | discuss | tweet + it dev shadcn checkbox form [bug]: checkbox value not submitted in external form · Issue #4537 · shadcn-ui/uiDescribe the bug When form is passed as an attribute, checkbox does not contribute value to submitted data const onSubmit = (e: FormEvent) => { e.preventDefault(); const payload = Object.fromEntries( new FormData(e.target as HTMLFormElem... wono | discuss | tweet + it dev react split forms Properly divide Form components into reusable subcomponents · Issue #2781 · shadcn-ui/ui"use client" import { zodResolver } from "@hookform/resolvers/zod" import { useForm } from "react-hook-form" import { z } from "zod" import { Button } from "@/components/ui/button" import { Form, FormControl, FormDescription, FormField, ... wono | discuss | tweet + it dev react form zod React and FormDataLearn how to handle FormData in React when submitting it with a (Server) Action to the server ... wono | discuss | tweetNext
+ it dev nodejs nodemailer Sending mail with nodemailer to office@company.ro addresslet transporter = nodemailer.createTransport({ service: '?', auth: { user: 'office@company.ro', pass: 'passHere' } }); This is the code I'm using. Earlier, I was sendin... wono | discuss | tweet
+ it dev nodejs nodemailer 사용자에게 이메일 전송하기 (nodemailer)nodemailer를 사용해 사용자에게 이메일 알림이나 사용자 인증 메일을 보내야 하는 경우의 과정을 다뤄보겠습니다. nodemailer 모듈은 발신자와 수신자 정보, 보낼 내용만 설정하여 간편하게 서드파티 앱에서 이메일을 보낼 수 있게 도와줍니다 wono | discuss | tweet
+ it dev nodejs nodemailer [Node.js] nodemailer - 나의 이메일 계정 사용하기 회원 등록 시, 이메일 인증을 하는 플로우가 필요했다. 가장 많이 쓴다는 nodemailer을 사용하기로 했다. 예제를 따라하니 gmail 계정 연동하기까지는 참 쉬웠다. 문제는 보내는 사람의 이메일 주소가 회사 계정이어야된다는 점이었다. 왜 이런 예제는 없지요 wono | discuss | tweet
+ it dev react query TanStack Query(React Query) 직접 만들어보기 | GeekNews안녕하세요.TanStack Query를 직접 구현해보는 프로젝트를 만들게 되어 공유해봅니다.실제 TanStack Query 코드와 100% 일치하지 않지만전체적인 동작 흐름을 이해하는 데 도움이 되시기를 바랍니다.구현해 보는 기능은 아래와 같습니다.외부 라이브러리에 의존하지 않는 core 영역(QueryClient, QueryCache, Query, Que wono | discuss | tweet
+ it dev nextjs cache [Next.js] use cache - A new way to Cache in Next.js 15Next.js Caching 참고) unstable_cache는 archive 되었고 이를 대신하는 실험중인 기능입니다. This API is currently experimental and subject to change. use cache는 캐시할 컴포넌트, 함수 또는 파일을 지정합니다. 파일 상단에 사용하여 파일의 모든 함수를 캐시할 수 있음을 나타내거나 함수 상단에 인라인으로 사용하여 함수를 캐시할 수 있는 것으로 표시할 수 있습니다. 이것은 실험적인 Next.js 기능이며, use client나 use server와 같은 native React 기능이 아닙니다. Next.config.ts 파일에서 dynamicIO 플래그를 사용하여 use cache 지시어에 대한 지원을 활성화할 수 있습니다.. wono | discuss | tweet
+ it dev react devtools React 개발자 도구 활용하기 (Dev Tools)React Dev Tools 제대로 활용하여 좀 더 효율적인 개발을 해보자 🛠️ wono | discuss | tweet
+ it dev react hook form usefieldarray useFieldArray 사용하기서비스 특성 상 사용자에게 입력받는 form들이 많고, 같은 form을 여러개 중첩해서 받는 경우가 있다. 이 때 useFieldArray를 사용해서 쉽게 관리해보자! wono | discuss | tweet
+ it dev react rerender 리액트 리렌더링 최적화 방법 조사리액트 렌더링의 개념과 리렌더링 발생 조건, 리렌더링 최적화 방법을 소개합니다. wono | discuss | tweet
+ it dev react input rerender react-hook-from 에 대한 고찰react-hook-from 을 왜 사용하며, 사용하면서 알아야할 개념들 wono | discuss | tweet
+ it dev shadcnui bug calendar [bug]: add calender doesn't work · Issue #5671 · shadcn-ui/uiDescribe the bug Adding calender doesn't work.It requires to install the dependencies but i have installed all the dependencies. I think this error might occurring because of new date-fns versions 4.1.0 Affected component/components Cale... wono | discuss | tweet
+ it dev react rerender How to force a React component to re-render · CoreUIReact triggers re-rendering when there’s a change in state or props. However, there are scenarios where you might need to force a component to re-render manually without explicitly modifying its state. This article will explore ways to force re-renders in both class and functional components to ensure the UI reflects the latest data. wono | discuss | tweet
+ it dev react rerender How to rerender a child component from parent component on an event like a click? wono | discuss | tweet
+ it dev shadcnui calendar Close calendar · Issue #901 · shadcn-ui/uiHi, We can open the calendar but unable to to close it when date is selected. How can we close the calendar when date is selected. Thank you wono | discuss | tweet
+ it dev nextjs nuqs Search Params in Next.js for URL StateHow to use Search Params in Next with useSearchParams und SearchParams from React Server Components and Client Components for URL state ... wono | discuss | tweet
+ it dev react jotai usetransition How to Use Jotai and useTransition for Mutation wono | discuss | tweet
+ it dev shadcn example ui/apps/www/registry/new-york/examples at main · shadcn-ui/uiBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. - ui/apps/www/registry/new-york/examples at main · shadcn-ui/ui wono | discuss | tweet
+ it dev shadcn checkbox form [bug]: checkbox value not submitted in external form · Issue #4537 · shadcn-ui/uiDescribe the bug When form is passed as an attribute, checkbox does not contribute value to submitted data const onSubmit = (e: FormEvent) => { e.preventDefault(); const payload = Object.fromEntries( new FormData(e.target as HTMLFormElem... wono | discuss | tweet
+ it dev react split forms Properly divide Form components into reusable subcomponents · Issue #2781 · shadcn-ui/ui"use client" import { zodResolver } from "@hookform/resolvers/zod" import { useForm } from "react-hook-form" import { z } from "zod" import { Button } from "@/components/ui/button" import { Form, FormControl, FormDescription, FormField, ... wono | discuss | tweet
+ it dev react form zod React and FormDataLearn how to handle FormData in React when submitting it with a (Server) Action to the server ... wono | discuss | tweet