SNAXAug 29AWS S3 Object Lambda๋ก ์ด๋ฏธ์ง ๋ฆฌ์ฌ์ด์ง ๋น์ฉ ํจ์จ ๋์ด๊ธฐhttps://techblog.pet-friends.co.kr/aws-s3-object-lambda%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95-%EB%B9%84%EC%9A%A9-%ED%9A%A8%EC%9C%A8-%EB%86%92%EC%9D%B4%EA%B8%B0-4637ed7c2f6b https://techblog.pet-friends.co.kr/aws-s3-object-lambda%EB%A1%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A6%AC%EC%82%AC%EC%9D%B4%EC%A7%95-%EB%B9%84%EC%9A%A9-%ED%9A%A8%EC%9C%A8-%EB%86%92%EC%9D%B4%EA%B8%B0-4637ed7c2f6btechblog.pet-friends.co.krReactionCommentShare
SNAXAug 29Framer๋ก ํ๋ฃจ๋ง์ ํ์ ์ํ ์น ์ ํ ๋ง๋ค๊ธฐhttps://aldadesign.medium.com/framer%EB%A1%9C-%ED%95%98%EB%A3%A8%EB%A7%8C%EC%97%90-%ED%8C%80%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9B%B9-%EC%A0%9C%ED%92%88-%EB%A7%8C%EB%93%A4%EA%B8%B0-29252eda41ce https://aldadesign.medium.com/framer%EB%A1%9C-%ED%95%98%EB%A3%A8%EB%A7%8C%EC%97%90-%ED%8C%80%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9B%B9-%EC%A0%9C%ED%92%88-%EB%A7%8C%EB%93%A4%EA%B8%B0-29252eda41cealdadesign.medium.comReactionCommentShare
SNAXJul 18toss๊ฐ ๋ง๋ ๊ณ ์ฑ๋ฅ ์ ํธ๋ฆฌํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌhttps://es-toolkit.slash.page/ko/ lodash์ ๊ฐ์ด ๋ฐฐ์ด์ด๋ ๊ฐ์ฒด, ํจ์ ๋ฑ์ ๋ค๋ฃจ๋ ๋ฑ์ ์ผ์ ์ฌ์ฉ๋ ์ ์๋ ์ ํธ๋ฆฌํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.lodash์ ๋น๊ตํ์ ๋ es-toolkit์ ๊ฐ์ ํจ์ ๊ธฐ์ค ์ต๋ 97% ์์ ๋ฒ๋ค ์ฌ์ด์ฆ ๋ฅผ ์ ๊ณตํ๋ฉฐ, 2~3๋ฐฐ ๋น ๋ฅธ ์๋๋ก ๋์ํ๋ค๊ณ ํฉ๋๋ค.es-toolkit๋น ๋ฅธ ์ฑ๋ฅ, ์์ ๋ฒ๋ค ์ฌ์ด์ฆ๋ฅผ ๊ฐ์ง๋ ํ๋์ ์ธ JavaScript ์ ํธ๋ฆฌํฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌes-toolkit.slash.pageReactionCommentShare
SNAXJul 15shadcn/ui Blocks, Charts ์ถ๊ฐBlockshttps://ui.shadcn.com/blocks shadcn/ui๋ฅผ ๋ฐํ์ผ๋ก ๋ง๋ค์ด์ง ์ผ์ข ์ ํ ํ๋ฆฟ ์ฝ๋์ ๋๋ค. tailwindUI๋ฅผ ์๊ฐํ๋ฉด ์ฝ์ต๋๋ค.Chartshttps://ui.shadcn.com/charts ๋ฆฌ์กํธ์ฉ ์ฐจํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ recharts๋ฅผ ๊ธฐ๋ฐ์ผ๋ก shadcn์ ๊ฐ๊ฐ์ด ๊ฐ๋ฏธ๋ ์ฐจํธ ์ปดํฌ๋ํธ์ ๋๋ค.๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋ ์ปฌ๋ ์ ์ ํ๋ฐฉํ๋ shadcn/ui ๋ต๊ฒ ์ค์ค๋ก๋ ์์กด์ฑ์ ์ ํ ๊ฐ๊ณ ์์ง ์๊ณ , ์ฝ๋๋ฅผ ๋ณต์ฌํด์ ์ฌ์ฉํ ์ ์๋๋ก ํด๋จ์ต๋๋ค.shadcn/uiBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.ui.shadcn.comshadcn/uiBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.ui.shadcn.comReactionCommentShare
SNAXJul 11TanStack Form ์ถ์TanStack Query(React Query)์ ๊ฐ๋ฐ์ TanStack์ด ๋ด๋์ ์๋ก์ด ์์(Form) ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ถ์์ผ: 2024๋ 4์ 27์ผ๋งํฌ: https://tanstack.com/form/latest Framework Agnostic: React, Vue, Angular ๋ฑ ์ฌ๋ฌ ํ๋ ์์ํฌ ์ง์Isolate Re-renders: React Hook Form๊ณผ ๋์ผํ๊ฒ Uncontrolled ๋ฐฉ์์ผ๋ก ๋ฆฌ๋ ๋๋ง์ ์ต์ํํ๋ค.Validation: zod, yup, valibot ๋ฑ์ ์ ํจ์ฑ ๊ฒ์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํจ๊ป ์ฌ์ฉํ ์ ์๋๋ก adaptor ์ ๊ณต.SSR: Next.js Server Action์ ์ง์ํ์ฌ ์๋ฒ ์ฌ์ด๋์์ ์ ํจ์ฑ ๊ฒ์ฌ๊ฐ ๊ฐ๋ฅํด์ง๋ค.Granular reactivity: ์ธ๋ถํ๋ ๋ฐ์์ฑ์ ์ง์ํ์ฌ ์ํ๋ ์์ญ๋ง ์ํ๋ฅผ ๊ตฌ๋ , ๋ฆฌ๋ ๋๋ง์ ๋ณด๋ค ์ต์ํํ ์ ์๋ค.Linked Fields: ์ ํจ์ฑ ๊ฒ์ฌ ์คํค๋ง์์ ๋ค๋ฅธ ํ๋์ ๊ฐ๋ ์ฐธ์กฐํ ์ ์๋ค.๊ฐ์ธ์ ์ธ ์๊ฒฌ์ ์ฒด์ ์ผ๋ก ๋์์ธ์ด React Hook Form๊ณผ ๋น์ทํ๋ ์ข ๋ ๋ค๋ฌ์ด์ง ๋๋์ด ๋ ๋ค. ๊ท์ฐฎ๊ณ , ๊ฑฐ์ฌ๋ฆฌ๊ณ , ๋ถํธํ ๋ถ๋ถ๋ค์ด ๊ฐ์ ๋์๋ค.TanStack์ด๋ผ๋ ์คํ ๊ฐ๋ฐ์๊ฐ ์ฃผ๋ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ ๋งํผ ์ถ์๋์ง ๋ช๊ฐ์๋์ง ์์๋๋ฐ๋ 3.5k์ ์คํ๋ฅผ ๋ฐ์๋ค.See more...TanStack FormHeadless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Littanstack.comReactionCommentShare