+ it dev shadcn css Incorrect use of <label for=FORM_ELEMENT> Β· Issue #1573 Β· shadcn-ui/uiThe error message looks like this: This is how I used it in From: wono | discuss | tweet + it ops aws s3 purl [AWS] π S3 Pre-signed URL 곡μ νκΈ°S3 Pre-signed URL 곡μ λ§μΌ μ΄μ©μλ€μ΄ S3 λ²ν·μ publicμμ μ κ·Όν΄μ objectλ₯Ό λ€μ΄λ°κ±°λ μ λ‘λ νκ² μ€μ ν΄μΌ νλ κ²½μ°, λ³΄ν΅ λκ°μ§ λ°©λ²μ΄ μλ€. 1. λͺ¨λ νμΌμ νΌλΈλ¦μΌλ‘ λ§λ€κΈ° μ₯μ : λ³λμ κ΄λ¦¬κ° νμμμ λ¨μ : μ무λ νμΌ λ€μ΄λ‘λ κ°λ₯ (보μ λ¬Έμ ) 2. IAM μ격μ¦λͺ 곡μ (Access Key Pair) μ₯μ : μ§μ ν μ¬λλ§ κ³΅μ κ°λ₯ λ¨μ : μ격μ¦λͺ μ μΆ/λ³κ²½ μ 곡μ μ λͺ¨λμκ² λ€μ λΆμ¬ νμνκ³ κ΄λ¦¬ μμ²΄κ° λΉ‘μλ€. 3. IAM μ¬μ©μ λΆμ¬νκΈ° (Role) μ₯μ : μ§μ ν μ¬λλ§ κ³΅μ κ°λ₯ λ¨μ : IAM μ¬μ©μ μ«μ μ ν (5000κ°), λΆμ¬νλ κ³Όμ κ³Ό μ μ§λ³΄μμ μ΄λ €μ μ΄μ²λΌ, λ²ν· μ체λ₯Ό publicμΌλ‘ μ΄κΈ°μ λΆλ΄μ€λ½κ³ , κ·Έλ λ€κ³ μ΄μ©μμκ².. wono | discuss | tweet + it ops node aws s3 06. AWS S3 μ΄λ―Έμ§ κ°μ Έμ€κΈ° ꡬνμ°λ¦¬λ μμ ν¬μ€νΈλ₯Ό ν΅ν΄ S3μ μ΄λ―Έμ§λ₯Ό μ μ₯νλ λ κ°μ§ λ°©λ²μ λν΄ μμ보μλ€. μ΄λ κ² μ μ₯λ μμλ€μ REST APIλ₯Ό ν΅ν΄ μ κ·Όν μ μλ€. λ°λΌμ μλμ κ°μ λ°©μμΌλ‘ μμ²νλ©΄ νΉμ λ²ν·μΌλ‘λΆν° μ΄λ―Έμ§ νμΌμ κ°μ Έμ¬ μ μλ€.https://[λ²ν· μ΄λ¦].[리μ μ΄λ¦].amazonaws.com/[νμΌ μ΄λ¦]Β κ·Έλ°λ° μ΄λ¬ν μ£Όμλ₯Ό μ§μ μ¬μ©νλ κ²μ λ¬Έμ κ° μμκΉ? μ΄λ¬ν μ£Όμλ₯Ό μ§μ ν΄λΌμ΄μΈνΈμ 건λ€μ€λ€λ κ²μ κ³§ λ΄κ° μ¬μ©νκ³ μλ S3κ° μ΄λ 리μ μ μμΉν΄μλμ§, λ²ν· μ΄λ¦μ 무μμΈμ§μ κ°μ μ λ³΄κ° λ¬΄λ°©λΉνκ² λ ΈμΆλμ΄λ²λ¦¬κ³ λ§λ€λ μλ―Έκ° λλ€. λ°λΌμ μ΄λ²μλ λ°±μλ μλ²κ° S3μ ν΄λΌμ΄μΈνΈ μ¬μ΄λ₯Ό μ€κ°ν΄μ£Όμ΄μΌ νλλ°, λλ μ¬κΈ°μ presigned URLμ μ¬μ©νκ³ μλ€. pURLμ κ·Έμ .. wono | discuss | tweet + it ops aws s3 AWS S3 μ μ₯μ ꡬμΆνκΈ°S3λ₯Ό μ¬μ©νλ μ΄μ λ‘컬μ νμΌμ μ μ₯ν΄λ κΈ°λ₯μ λ¬Έμ μλλ°, μ S3λ₯Ό μ¨μΌ ν κΉ? S3λ AWS ν΄λΌμ°λ μλΉμ€ μ€ μ μ₯μ μν μ νλ μ¨λΌμΈ μ€ν λ¦¬μ§ μλΉμ€μ΄λ€. λ‘컬μ νμΌμ μ μ₯νλ 건 μΈμ κ° μ©λμ νκ³κ° μ¬ κ²μ΄κ³ , κ·Έλλ§λ€ μΆκ°μ μΈ μ©λ νμ₯ μμ κ³Ό μ€μ μ ν΄μ€μΌ νλ λ²κ±°λ‘μμ΄ μμ λμ΄ μλ€. ν΄λΌμ°λ μλΉμ€μΈ S3λ₯Ό νμ©νλ©΄ 무μ νμ κ°κΉμ΄ μ μ₯μ ν μ μκΈ° λλ¬Έμ μ΄λ° λ¬Έμ μμ λ²μ΄λ μ μλ€. κ·Έλ¬λ©΄ EC2μ κ°μ ν΄λΌμ°λ μλ²μλ μ μ₯μ΄ κ°λ₯νλ€κ³ μκ°ν μ μλ€. μκ°ν κ²μ²λΌ EC2μ κ°μ μλ²μλ νμΌμ μ μ₯ν μ μμ§λ§, μκΈ μΈ‘λ©΄μ΄λ νμ©λ μΈ‘λ©΄μμ S3λ₯Ό νμ©νλ κ²μ΄ ν¨μ¬ μ’μ μ νμ΄λ€. S3 λ²ν· λ§λ€κΈ° λ¨Όμ AWS S3λ₯Ό νμ©νκΈ° μν΄μλ AWS κ³μ μ΄ νμνλ€.. wono | discuss | tweet + it dev css tailwindcss Cards of same height in tailwind CSSI am using tailwind css. The data in cards is inconsistent. For example some card have short description while other cards have long. Some card contains 1-2 tags while others contains 5-6. I want t... wono | discuss | tweet + it dev nextjs import sort prettierλ‘ λ€μ£½λ°μ£½ import μ 리νκΈ°μ΄μ° μλλ¬ wono | discuss | tweet + it dev nextjs form thumbnail-critique/src/app/feedback.tsx at a294ef2177d98f7ab654d3e22ae193987aea4edc Β· webdevcody/thumbnail-critiqueContribute to webdevcody/thumbnail-critique development by creating an account on GitHub. wono | discuss | tweet + it ops aws s3 AWS S3 + CloudFront λ°°ν¬κ°μ1. AWS IAM μ€μ 2. S3 μμ± λ° μ€μ 3. CloudFront μ€μ 4. Github ActionμΌλ‘ CI / CD ꡬμΆΒ β AWS IAM μ€μ π¦ IAM(Identity and Access Management)μ΄λ?AWS리μμ€μ λν μμΈμ€λ₯Ό μμ νκ² μ μ΄ν μ μλ μΉ μλΉμ€λ‘ AWS κ³μ μ μ΅μ΄λ‘ μμ±ν λ λ§λ€μ΄μ§λ λ£¨νΈ μ¬μ©μλ λͺ¨λ μμΈμ€ κΆνμ κ°μ§κΈ°μ 보μμ μ£Όμν΄μ μ¬μ©ν΄μΌνλ―λ‘ IAMμ ν΅ν΄ 리μμ€λ₯Ό μ¬μ©ν μ μλ μΈμ¦ λ° κΆν λΆμ¬λ λμμ μ μ΄νλ€.리μμ€μ λν΄ μ¬λ¬ μ¬λμκ² λ€μν κΆνμ λΆμ¬ν μ μλ€.μ¬μ©μμκ² μ§μ μ μ± μ μ€μ ν μλ μμ§λ§ κ·Έλ£Ήμ λν΄μλ λΆμ¬ν μ μλ€.Β π¦ IAM μ¬μ©μ μΆκ°νκΈ°AWS > IAM > μ¬μ©μ μμ± > 1 ~3λ¨κ³ μν > μμ±.. wono | discuss | tweet + it ops aws s3 보μ μλ°° μ κ·Ό μ ν νμ΄μ§ 1 wono | discuss | tweet + it dev nextjs crud Epic Next JS 15 Tutorial Part 7: Next.js and Strapi CRUD PermissionsWelcome back to our Epic Next.js tutorial series! Last time, we learned how to generate summaries... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet + it dev nextjs zod nuqs [RFC] Validation (Zod, Standard Schema etc) Β· 47ng/nuqs Β· Discussion #446[RFC] Validation (Zod, Standard Schema etc) wono | discuss | tweet + it dev nextjs react form How to submit the form outside the form Β· Issue #566 Β· react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet + it dev nextjs fetch [Next.js] Axios μν μ λμ νλ Custom Fetch ν¨μλ₯Ό λ§λ€μ΄λ³΄μ μ Custom Fetch λ₯Ό λ§λ€μ΄μΌ ν κΉ? μ λͺ©μ λ³΄κ³ λ€μ΄μλ€λ©΄, κ΅³μ΄? λΌλ μλ¬Έμ΄ λ€ μ μμ΅λλ€. Axios μ κ°μ λΌμ΄λΈλ¬λ¦¬κ° μλλ° μ Fetch λ₯Ό κ°μΈλ 컀μ€ν ν¨μλ₯Ό λ§λ€μ΄μΌ ν κΉμ? Next.js μ Fetch API νμ₯ Next.jsλ wono | discuss | tweet + it dev nextjs fetch next μμ fetch νΈμΆμ ν΄λΌμ΄μΈνΈ μ»΄ν¬λνΈμ μλ² μ»΄ν¬λνΈμ μ°¨μ΄μ μλ² μ»΄ν¬λνΈμ ν΄λΌμ΄μΈνΈ μ»΄ν¬λνΈμ μ°¨μ΄ μλ² μ»΄ν¬λνΈ(Server Components) μ΄λμμ μ€νλ κΉ? μλ² μ»΄ν¬λνΈλ Next.js μλ²μμ μ€νλλ€. μ¬κΈ°μ Next.js μλ²λ Node.js νκ²½μμ μλνλ μλ²μ΄λ€. μ΄ μλ²λ μ¬μ©μκ° νμ΄ wono | discuss | tweet + it dev nextjs text getting_raw_body_in_route_handlers_next_14 wono | discuss | tweet + it dev nextjs table ν μ΄λΈμ νΈνκ², Tanstack-table μ¬μ©νκΈ°λμΈ μ€ μμλλ°, κΈμ΄μλ€. wono | discuss | tweet + it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet + it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkableβ¦ wono | discuss | tweet + it ops db common μμ¦ νΈλλλ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μλ 건κ°μ? | OKKY Q&Aμλ νμΈμ.νλ‘μ νΈλ₯Ό μνμ€μΈ μλμ΄ κ°λ°μλ‘ μμ¦μ κ΄λ¦¬λ§ νκ³ μμ΅λλ€. μ£Όλμ΄, μ€λμ΄ κ°λ°μλ€μ΄ μ£Όλμ μΌλ‘ μ€κ³,ꡬνμ νκ³ μμ΅λλ€.Β μμ¦ νΈλλλ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μλ 건κ°μ?λ¬Όλ‘ , μ 무μ λ°λΌ, μ 무λ‘μ§μ λ°λΌ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μμ μλ μμ΅λλ€.κ·Όλ°, λΌλΌλ 곡ν΅μ½λλ κΈ°λ³ΈμΌλ‘ 무쑰건 λ§λ€κ³ μμνμλλ°... κ°λ°μλ€μ΄ ꡬνν΄ λμκ±° wono | discuss | tweet + it ops db common [DB μ€κ³] 곡ν΅μ½λ ν μ΄λΈ μ€κ³κ°μ νλμ μλΉμ€λ₯Ό λ§λ€λ©΄ μλΉμ€ λ΄μμ μ μνμ¬ μ¬μ©νλ μλ§μ μ½λ λ°μ΄ν°λ€μ΄ μλ€. μ΄λ° μ½λλ€μ νλ° λͺ¨μμ κ΄λ¦¬νκΈ° μν λͺ©μ μΌλ‘ μ€κ³νλ κ²μ΄ 곡ν΅μ½λ ν μ΄λΈμ΄λ€. κ΄λ¦¬μ νμ΄μ§κ° λ°λ‘ μ‘΄μ¬νλ κ²½μ°μλ νμμ μΌλ‘ "κ³΅ν΅ μ½λ κ΄λ¦¬" λ©λ΄λ₯Ό νμΈν μ μκ² λλ€. μ΄λ κ±°μ νλ‘μ νΈ μ΄λ°μ κ°μ₯ λ¨Όμ μ€κ³νλ ν μ΄λΈλ€ μ€ νλμ΄λ€. μ΄μ¨λ μ°λ¦¬λ μλΉμ€λ₯Ό λ§λ€λ λ΄λΆμμ λ§μ μ½λλ€μ μ μν΄μ μ¬μ©νκ³€ νλ€. μ΄λ€ κ²½μ°μλ ν΄λΉ μ½λλ€μ ν μ΄λΈμμ κ΄λ¦¬νμ§ μκ³ μμ€ μ½λμμ κ΄λ¦¬νλ κ²½μ°λ μλ€. (μΌμ κ·λͺ¨ μ΄μμ μλΉμ€λ₯Ό λ§λ€κ³ μλ€λ©΄, μμ€ μ½λμμ κ΄λ¦¬νλ μΌμ μλ€κ³ λ³Έλ€.) μμ€μ½λμμ κ΄λ¦¬νκ² λλ©΄ λ°μ΄ν°λ₯Ό μ‘°ν ν λ κ·Έ μ½λκ°μ΄ 무μμ μλ―Ένλμ§ μμ€μ½λλ₯Ό μ§μ νμΈν΄μΌ νλ€.. wono | discuss | tweetNext
+ it dev shadcn css Incorrect use of <label for=FORM_ELEMENT> Β· Issue #1573 Β· shadcn-ui/uiThe error message looks like this: This is how I used it in From: wono | discuss | tweet
+ it ops aws s3 purl [AWS] π S3 Pre-signed URL 곡μ νκΈ°S3 Pre-signed URL 곡μ λ§μΌ μ΄μ©μλ€μ΄ S3 λ²ν·μ publicμμ μ κ·Όν΄μ objectλ₯Ό λ€μ΄λ°κ±°λ μ λ‘λ νκ² μ€μ ν΄μΌ νλ κ²½μ°, λ³΄ν΅ λκ°μ§ λ°©λ²μ΄ μλ€. 1. λͺ¨λ νμΌμ νΌλΈλ¦μΌλ‘ λ§λ€κΈ° μ₯μ : λ³λμ κ΄λ¦¬κ° νμμμ λ¨μ : μ무λ νμΌ λ€μ΄λ‘λ κ°λ₯ (보μ λ¬Έμ ) 2. IAM μ격μ¦λͺ 곡μ (Access Key Pair) μ₯μ : μ§μ ν μ¬λλ§ κ³΅μ κ°λ₯ λ¨μ : μ격μ¦λͺ μ μΆ/λ³κ²½ μ 곡μ μ λͺ¨λμκ² λ€μ λΆμ¬ νμνκ³ κ΄λ¦¬ μμ²΄κ° λΉ‘μλ€. 3. IAM μ¬μ©μ λΆμ¬νκΈ° (Role) μ₯μ : μ§μ ν μ¬λλ§ κ³΅μ κ°λ₯ λ¨μ : IAM μ¬μ©μ μ«μ μ ν (5000κ°), λΆμ¬νλ κ³Όμ κ³Ό μ μ§λ³΄μμ μ΄λ €μ μ΄μ²λΌ, λ²ν· μ체λ₯Ό publicμΌλ‘ μ΄κΈ°μ λΆλ΄μ€λ½κ³ , κ·Έλ λ€κ³ μ΄μ©μμκ².. wono | discuss | tweet
+ it ops node aws s3 06. AWS S3 μ΄λ―Έμ§ κ°μ Έμ€κΈ° ꡬνμ°λ¦¬λ μμ ν¬μ€νΈλ₯Ό ν΅ν΄ S3μ μ΄λ―Έμ§λ₯Ό μ μ₯νλ λ κ°μ§ λ°©λ²μ λν΄ μμ보μλ€. μ΄λ κ² μ μ₯λ μμλ€μ REST APIλ₯Ό ν΅ν΄ μ κ·Όν μ μλ€. λ°λΌμ μλμ κ°μ λ°©μμΌλ‘ μμ²νλ©΄ νΉμ λ²ν·μΌλ‘λΆν° μ΄λ―Έμ§ νμΌμ κ°μ Έμ¬ μ μλ€.https://[λ²ν· μ΄λ¦].[리μ μ΄λ¦].amazonaws.com/[νμΌ μ΄λ¦]Β κ·Έλ°λ° μ΄λ¬ν μ£Όμλ₯Ό μ§μ μ¬μ©νλ κ²μ λ¬Έμ κ° μμκΉ? μ΄λ¬ν μ£Όμλ₯Ό μ§μ ν΄λΌμ΄μΈνΈμ 건λ€μ€λ€λ κ²μ κ³§ λ΄κ° μ¬μ©νκ³ μλ S3κ° μ΄λ 리μ μ μμΉν΄μλμ§, λ²ν· μ΄λ¦μ 무μμΈμ§μ κ°μ μ λ³΄κ° λ¬΄λ°©λΉνκ² λ ΈμΆλμ΄λ²λ¦¬κ³ λ§λ€λ μλ―Έκ° λλ€. λ°λΌμ μ΄λ²μλ λ°±μλ μλ²κ° S3μ ν΄λΌμ΄μΈνΈ μ¬μ΄λ₯Ό μ€κ°ν΄μ£Όμ΄μΌ νλλ°, λλ μ¬κΈ°μ presigned URLμ μ¬μ©νκ³ μλ€. pURLμ κ·Έμ .. wono | discuss | tweet
+ it ops aws s3 AWS S3 μ μ₯μ ꡬμΆνκΈ°S3λ₯Ό μ¬μ©νλ μ΄μ λ‘컬μ νμΌμ μ μ₯ν΄λ κΈ°λ₯μ λ¬Έμ μλλ°, μ S3λ₯Ό μ¨μΌ ν κΉ? S3λ AWS ν΄λΌμ°λ μλΉμ€ μ€ μ μ₯μ μν μ νλ μ¨λΌμΈ μ€ν λ¦¬μ§ μλΉμ€μ΄λ€. λ‘컬μ νμΌμ μ μ₯νλ 건 μΈμ κ° μ©λμ νκ³κ° μ¬ κ²μ΄κ³ , κ·Έλλ§λ€ μΆκ°μ μΈ μ©λ νμ₯ μμ κ³Ό μ€μ μ ν΄μ€μΌ νλ λ²κ±°λ‘μμ΄ μμ λμ΄ μλ€. ν΄λΌμ°λ μλΉμ€μΈ S3λ₯Ό νμ©νλ©΄ 무μ νμ κ°κΉμ΄ μ μ₯μ ν μ μκΈ° λλ¬Έμ μ΄λ° λ¬Έμ μμ λ²μ΄λ μ μλ€. κ·Έλ¬λ©΄ EC2μ κ°μ ν΄λΌμ°λ μλ²μλ μ μ₯μ΄ κ°λ₯νλ€κ³ μκ°ν μ μλ€. μκ°ν κ²μ²λΌ EC2μ κ°μ μλ²μλ νμΌμ μ μ₯ν μ μμ§λ§, μκΈ μΈ‘λ©΄μ΄λ νμ©λ μΈ‘λ©΄μμ S3λ₯Ό νμ©νλ κ²μ΄ ν¨μ¬ μ’μ μ νμ΄λ€. S3 λ²ν· λ§λ€κΈ° λ¨Όμ AWS S3λ₯Ό νμ©νκΈ° μν΄μλ AWS κ³μ μ΄ νμνλ€.. wono | discuss | tweet
+ it dev css tailwindcss Cards of same height in tailwind CSSI am using tailwind css. The data in cards is inconsistent. For example some card have short description while other cards have long. Some card contains 1-2 tags while others contains 5-6. I want t... wono | discuss | tweet
+ it dev nextjs import sort prettierλ‘ λ€μ£½λ°μ£½ import μ 리νκΈ°μ΄μ° μλλ¬ wono | discuss | tweet
+ it dev nextjs form thumbnail-critique/src/app/feedback.tsx at a294ef2177d98f7ab654d3e22ae193987aea4edc Β· webdevcody/thumbnail-critiqueContribute to webdevcody/thumbnail-critique development by creating an account on GitHub. wono | discuss | tweet
+ it ops aws s3 AWS S3 + CloudFront λ°°ν¬κ°μ1. AWS IAM μ€μ 2. S3 μμ± λ° μ€μ 3. CloudFront μ€μ 4. Github ActionμΌλ‘ CI / CD ꡬμΆΒ β AWS IAM μ€μ π¦ IAM(Identity and Access Management)μ΄λ?AWS리μμ€μ λν μμΈμ€λ₯Ό μμ νκ² μ μ΄ν μ μλ μΉ μλΉμ€λ‘ AWS κ³μ μ μ΅μ΄λ‘ μμ±ν λ λ§λ€μ΄μ§λ λ£¨νΈ μ¬μ©μλ λͺ¨λ μμΈμ€ κΆνμ κ°μ§κΈ°μ 보μμ μ£Όμν΄μ μ¬μ©ν΄μΌνλ―λ‘ IAMμ ν΅ν΄ 리μμ€λ₯Ό μ¬μ©ν μ μλ μΈμ¦ λ° κΆν λΆμ¬λ λμμ μ μ΄νλ€.리μμ€μ λν΄ μ¬λ¬ μ¬λμκ² λ€μν κΆνμ λΆμ¬ν μ μλ€.μ¬μ©μμκ² μ§μ μ μ± μ μ€μ ν μλ μμ§λ§ κ·Έλ£Ήμ λν΄μλ λΆμ¬ν μ μλ€.Β π¦ IAM μ¬μ©μ μΆκ°νκΈ°AWS > IAM > μ¬μ©μ μμ± > 1 ~3λ¨κ³ μν > μμ±.. wono | discuss | tweet
+ it dev nextjs crud Epic Next JS 15 Tutorial Part 7: Next.js and Strapi CRUD PermissionsWelcome back to our Epic Next.js tutorial series! Last time, we learned how to generate summaries... Tagged with nextjs, react, strapi, typescript. wono | discuss | tweet
+ it dev nextjs zod nuqs [RFC] Validation (Zod, Standard Schema etc) Β· 47ng/nuqs Β· Discussion #446[RFC] Validation (Zod, Standard Schema etc) wono | discuss | tweet
+ it dev nextjs react form How to submit the form outside the form Β· Issue #566 Β· react-hook-form/react-hook-formwe have a case that we want to submit the form outside the form element how can we do that ? wono | discuss | tweet
+ it dev nextjs fetch [Next.js] Axios μν μ λμ νλ Custom Fetch ν¨μλ₯Ό λ§λ€μ΄λ³΄μ μ Custom Fetch λ₯Ό λ§λ€μ΄μΌ ν κΉ? μ λͺ©μ λ³΄κ³ λ€μ΄μλ€λ©΄, κ΅³μ΄? λΌλ μλ¬Έμ΄ λ€ μ μμ΅λλ€. Axios μ κ°μ λΌμ΄λΈλ¬λ¦¬κ° μλλ° μ Fetch λ₯Ό κ°μΈλ 컀μ€ν ν¨μλ₯Ό λ§λ€μ΄μΌ ν κΉμ? Next.js μ Fetch API νμ₯ Next.jsλ wono | discuss | tweet
+ it dev nextjs fetch next μμ fetch νΈμΆμ ν΄λΌμ΄μΈνΈ μ»΄ν¬λνΈμ μλ² μ»΄ν¬λνΈμ μ°¨μ΄μ μλ² μ»΄ν¬λνΈμ ν΄λΌμ΄μΈνΈ μ»΄ν¬λνΈμ μ°¨μ΄ μλ² μ»΄ν¬λνΈ(Server Components) μ΄λμμ μ€νλ κΉ? μλ² μ»΄ν¬λνΈλ Next.js μλ²μμ μ€νλλ€. μ¬κΈ°μ Next.js μλ²λ Node.js νκ²½μμ μλνλ μλ²μ΄λ€. μ΄ μλ²λ μ¬μ©μκ° νμ΄ wono | discuss | tweet
+ it dev nextjs table ν μ΄λΈμ νΈνκ², Tanstack-table μ¬μ©νκΈ°λμΈ μ€ μμλλ°, κΈμ΄μλ€. wono | discuss | tweet
+ it dev nextjs table GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React QueryClient-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example wono | discuss | tweet
+ it dev nextjs rerender React re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable⦠wono | discuss | tweet
+ it ops db common μμ¦ νΈλλλ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μλ 건κ°μ? | OKKY Q&Aμλ νμΈμ.νλ‘μ νΈλ₯Ό μνμ€μΈ μλμ΄ κ°λ°μλ‘ μμ¦μ κ΄λ¦¬λ§ νκ³ μμ΅λλ€. μ£Όλμ΄, μ€λμ΄ κ°λ°μλ€μ΄ μ£Όλμ μΌλ‘ μ€κ³,ꡬνμ νκ³ μμ΅λλ€.Β μμ¦ νΈλλλ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μλ 건κ°μ?λ¬Όλ‘ , μ 무μ λ°λΌ, μ 무λ‘μ§μ λ°λΌ 곡ν΅μ½λλ₯Ό μ¬μ©νμ§ μμ μλ μμ΅λλ€.κ·Όλ°, λΌλΌλ 곡ν΅μ½λλ κΈ°λ³ΈμΌλ‘ 무쑰건 λ§λ€κ³ μμνμλλ°... κ°λ°μλ€μ΄ ꡬνν΄ λμκ±° wono | discuss | tweet
+ it ops db common [DB μ€κ³] 곡ν΅μ½λ ν μ΄λΈ μ€κ³κ°μ νλμ μλΉμ€λ₯Ό λ§λ€λ©΄ μλΉμ€ λ΄μμ μ μνμ¬ μ¬μ©νλ μλ§μ μ½λ λ°μ΄ν°λ€μ΄ μλ€. μ΄λ° μ½λλ€μ νλ° λͺ¨μμ κ΄λ¦¬νκΈ° μν λͺ©μ μΌλ‘ μ€κ³νλ κ²μ΄ 곡ν΅μ½λ ν μ΄λΈμ΄λ€. κ΄λ¦¬μ νμ΄μ§κ° λ°λ‘ μ‘΄μ¬νλ κ²½μ°μλ νμμ μΌλ‘ "κ³΅ν΅ μ½λ κ΄λ¦¬" λ©λ΄λ₯Ό νμΈν μ μκ² λλ€. μ΄λ κ±°μ νλ‘μ νΈ μ΄λ°μ κ°μ₯ λ¨Όμ μ€κ³νλ ν μ΄λΈλ€ μ€ νλμ΄λ€. μ΄μ¨λ μ°λ¦¬λ μλΉμ€λ₯Ό λ§λ€λ λ΄λΆμμ λ§μ μ½λλ€μ μ μν΄μ μ¬μ©νκ³€ νλ€. μ΄λ€ κ²½μ°μλ ν΄λΉ μ½λλ€μ ν μ΄λΈμμ κ΄λ¦¬νμ§ μκ³ μμ€ μ½λμμ κ΄λ¦¬νλ κ²½μ°λ μλ€. (μΌμ κ·λͺ¨ μ΄μμ μλΉμ€λ₯Ό λ§λ€κ³ μλ€λ©΄, μμ€ μ½λμμ κ΄λ¦¬νλ μΌμ μλ€κ³ λ³Έλ€.) μμ€μ½λμμ κ΄λ¦¬νκ² λλ©΄ λ°μ΄ν°λ₯Ό μ‘°ν ν λ κ·Έ μ½λκ°μ΄ 무μμ μλ―Ένλμ§ μμ€μ½λλ₯Ό μ§μ νμΈν΄μΌ νλ€.. wono | discuss | tweet