Tagging
Try bookmarklet. Easy tagging.
Do you want to delete?
Do you want to modify?
  • LINKTAG
  • New
  • Tag
  • Comment
Sign in
it dev shadcn css

Incorrect use of <label for=FORM_ELEMENT> Β· Issue #1573 Β· shadcn-ui/ui

The error message looks like this: This is how I used it in From:
wono | discuss |
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 |
it ops node aws s3

06. AWS S3 이미지 κ°€μ Έμ˜€κΈ° κ΅¬ν˜„

μš°λ¦¬λŠ” μ•žμ„  포슀트λ₯Ό 톡해 S3에 이미지λ₯Ό μ €μž₯ν•˜λŠ” 두 κ°€μ§€ 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄μ•˜λ‹€. μ΄λ ‡κ²Œ μ €μž₯된 μžμ›λ“€μ€ REST APIλ₯Ό 톡해 μ ‘κ·Όν•  수 μžˆλ‹€. λ”°λΌμ„œ μ•„λž˜μ™€ 같은 λ°©μ‹μœΌλ‘œ μš”μ²­ν•˜λ©΄ νŠΉμ • λ²„ν‚·μœΌλ‘œλΆ€ν„° 이미지 νŒŒμΌμ„ κ°€μ Έμ˜¬ 수 μžˆλ‹€.https://[버킷 이름].[리전 이름].amazonaws.com/[파일 이름] 그런데 μ΄λŸ¬ν•œ μ£Όμ†Œλ₯Ό 직접 μ‚¬μš©ν•˜λŠ” 것은 λ¬Έμ œκ°€ μ—†μ„κΉŒ? μ΄λŸ¬ν•œ μ£Όμ†Œλ₯Ό 직접 ν΄λΌμ΄μ–ΈνŠΈμ— κ±΄λ„€μ€€λ‹€λŠ” 것은 κ³§ λ‚΄κ°€ μ‚¬μš©ν•˜κ³  μžˆλŠ” S3κ°€ μ–΄λŠ 리전에 μœ„μΉ˜ν•΄μžˆλŠ”μ§€, 버킷 이름은 무엇인지와 같은 정보가 λ¬΄λ°©λΉ„ν•˜κ²Œ λ…ΈμΆœλ˜μ–΄λ²„λ¦¬κ³  λ§Œλ‹€λŠ” μ˜λ―Έκ°€ λœλ‹€. λ”°λΌμ„œ μ΄λ²ˆμ—λ„ λ°±μ—”λ“œ μ„œλ²„κ°€ S3와 ν΄λΌμ΄μ–ΈνŠΈ 사이λ₯Ό μ€‘κ°œν•΄μ£Όμ–΄μ•Ό ν•˜λŠ”λ°, λ‚˜λŠ” μ—¬κΈ°μ„œ presigned URL을 μ‚¬μš©ν•˜κ³  μžˆλ‹€. pURL은 κ·Έμ € ..
wono | discuss |
it ops aws s3

AWS S3 μ €μž₯μ†Œ κ΅¬μΆ•ν•˜κΈ°

S3λ₯Ό μ‚¬μš©ν•˜λŠ” 이유 λ‘œμ»¬μ— νŒŒμΌμ„ μ €μž₯해도 κΈ°λŠ₯은 λ¬Έμ œμ—†λŠ”λ°, μ™œ S3λ₯Ό 써야 ν• κΉŒ? S3λŠ” AWS ν΄λΌμš°λ“œ μ„œλΉ„μŠ€ 쀑 μ €μž₯μ†Œ 역할을 ν•˜λŠ” 온라인 μŠ€ν† λ¦¬μ§€ μ„œλΉ„μŠ€μ΄λ‹€. λ‘œμ»¬μ— νŒŒμΌμ„ μ €μž₯ν•˜λŠ” 건 μ–Έμ  κ°€ μš©λŸ‰μ— ν•œκ³„κ°€ 올 것이고, κ·Έλ•Œλ§ˆλ‹€ 좔가적인 μš©λŸ‰ ν™•μž₯ μž‘μ—…κ³Ό 섀정을 ν•΄μ€˜μ•Ό ν•˜λŠ” λ²ˆκ±°λ‘œμ›€μ΄ μ˜ˆμ •λ˜μ–΄ μžˆλ‹€. ν΄λΌμš°λ“œ μ„œλΉ„μŠ€μΈ S3λ₯Ό ν™œμš©ν•˜λ©΄ λ¬΄μ œν•œμ— κ°€κΉŒμš΄ μ €μž₯을 ν•  수 있기 λ•Œλ¬Έμ— 이런 λ¬Έμ œμ—μ„œ λ²—μ–΄λ‚  수 μžˆλ‹€. 그러면 EC2와 같은 ν΄λΌμš°λ“œ μ„œλ²„μ—λ„ μ €μž₯이 κ°€λŠ₯ν•˜λ‹€κ³  생각할 수 μžˆλ‹€. μƒκ°ν•œ κ²ƒμ²˜λŸΌ EC2와 같은 μ„œλ²„μ—λ„ νŒŒμΌμ„ μ €μž₯ν•  수 μžˆμ§€λ§Œ, μš”κΈˆ μΈ‘λ©΄μ΄λ‚˜ ν™œμš©λ„ μΈ‘λ©΄μ—μ„œ S3λ₯Ό ν™œμš©ν•˜λŠ” 것이 훨씬 쒋은 선택이닀. S3 버킷 λ§Œλ“€κΈ° λ¨Όμ € AWS S3λ₯Ό ν™œμš©ν•˜κΈ° μœ„ν•΄μ„œλŠ” AWS 계정이 ν•„μš”ν•˜λ‹€..
wono | discuss |
it dev css tailwindcss

Cards of same height in tailwind CSS

I 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 |
it dev nextjs import sort

prettier둜 λ’€μ£½λ°•μ£½ import μ •λ¦¬ν•˜κΈ°

μ–΄μš° μ‹œλ„λŸ¬
wono | discuss |
it dev nextjs form

thumbnail-critique/src/app/feedback.tsx at a294ef2177d98f7ab654d3e22ae193987aea4edc Β· webdevcody/thumbnail-critique

Contribute to webdevcody/thumbnail-critique development by creating an account on GitHub.
wono | discuss |
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 |
it ops aws s3

λ³΄μ•ˆ μœ„λ°° μ ‘κ·Ό μ œν•œ νŽ˜μ΄μ§€ 1

wono | discuss |
it dev nextjs crud

Epic Next JS 15 Tutorial Part 7: Next.js and Strapi CRUD Permissions

Welcome back to our Epic Next.js tutorial series! Last time, we learned how to generate summaries... Tagged with nextjs, react, strapi, typescript.
wono | discuss |
it dev nextjs zod nuqs

[RFC] Validation (Zod, Standard Schema etc) Β· 47ng/nuqs Β· Discussion #446

[RFC] Validation (Zod, Standard Schema etc)
wono | discuss |
it dev nextjs react form

How to submit the form outside the form Β· Issue #566 Β· react-hook-form/react-hook-form

we have a case that we want to submit the form outside the form element how can we do that ?
wono | discuss |
it dev nextjs fetch

[Next.js] Axios 역할을 λŒ€μ‹ ν•˜λŠ” Custom Fetch ν•¨μˆ˜λ₯Ό λ§Œλ“€μ–΄λ³΄μž

μ™œ Custom Fetch λ₯Ό λ§Œλ“€μ–΄μ•Ό ν• κΉŒ? 제λͺ©μ„ 보고 λ“€μ–΄μ™”λ‹€λ©΄, ꡳ이? λΌλŠ” 의문이 λ“€ 수 μžˆμŠ΅λ‹ˆλ‹€. Axios 와 같은 λΌμ΄λΈŒλŸ¬λ¦¬κ°€ μžˆλŠ”λ° μ™œ Fetch λ₯Ό κ°μ‹ΈλŠ” μ»€μŠ€ν…€ ν•¨μˆ˜λ₯Ό λ§Œλ“€μ–΄μ•Ό ν• κΉŒμš”? Next.js 의 Fetch API ν™•μž₯ Next.jsλŠ”
wono | discuss |
it dev nextjs fetch

next μ—μ„œ fetch ν˜ΈμΆœμ‹œ ν΄λΌμ΄μ–ΈνŠΈ μ»΄ν¬λ„ŒνŠΈμ™€ μ„œλ²„ μ»΄ν¬λ„ŒνŠΈμ˜ 차이점

μ„œλ²„ μ»΄ν¬λ„ŒνŠΈμ™€ ν΄λΌμ΄μ–ΈνŠΈ μ»΄ν¬λ„ŒνŠΈμ˜ 차이 μ„œλ²„ μ»΄ν¬λ„ŒνŠΈ(Server Components) μ–΄λ””μ—μ„œ μ‹€ν–‰λ κΉŒ? μ„œλ²„ μ»΄ν¬λ„ŒνŠΈλŠ” Next.js μ„œλ²„μ—μ„œ μ‹€ν–‰λœλ‹€. μ—¬κΈ°μ„œ Next.js μ„œλ²„λŠ” Node.js ν™˜κ²½μ—μ„œ μž‘λ™ν•˜λŠ” μ„œλ²„μ΄λ‹€. 이 μ„œλ²„λŠ” μ‚¬μš©μžκ°€ 페이
wono | discuss |
it dev nextjs text

getting_raw_body_in_route_handlers_next_14

wono | discuss |
it dev nextjs table

ν…Œμ΄λΈ”μ„ νŽΈν•˜κ²Œ, Tanstack-table μ‚¬μš©ν•˜κΈ°

돌인 쀄 μ•Œμ•˜λŠ”λ°, κΈˆμ΄μ—ˆλ‹€.
wono | discuss |
it dev nextjs table

GitHub - rizqitsani/react-table-pagination-example: Client-side & server-side pagination pattern using React Table & React Query

Client-side & server-side pagination pattern using React Table & React Query - rizqitsani/react-table-pagination-example
wono | discuss |
it dev nextjs rerender

React re-renders guide: preventing unnecessary re-renders

This 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 |
it ops db common

μš”μ¦˜ νŠΈλžœλ“œλŠ” κ³΅ν†΅μ½”λ“œλ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” κ±΄κ°€μš”? | OKKY Q&A

μ•ˆλ…•ν•˜μ„Έμš”.ν”„λ‘œμ νŠΈλ₯Ό μˆ˜ν–‰μ€‘μΈ μ‹œλ‹ˆμ–΄ 개발자둜 μš”μ¦˜μ€ κ΄€λ¦¬λ§Œ ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ£Όλ‹ˆμ–΄, μ€‘λ‹ˆμ–΄ κ°œλ°œμžλ“€μ΄ μ£Όλ„μ μœΌλ‘œ 섀계,κ΅¬ν˜„μ„ ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.Β  μš”μ¦˜ νŠΈλžœλ“œλŠ” κ³΅ν†΅μ½”λ“œλ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” κ±΄κ°€μš”?λ¬Όλ‘ , 업무에 따라, μ—…λ¬΄λ‘œμ§μ— 따라 κ³΅ν†΅μ½”λ“œλ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šμ„ μˆ˜λŠ” μžˆμŠ΅λ‹ˆλ‹€.근데, λΌλ–ΌλŠ” κ³΅ν†΅μ½”λ“œλŠ” 기본으둜 무쑰건 λ§Œλ“€κ³  μ‹œμž‘ν–ˆμ—ˆλŠ”λ°... κ°œλ°œμžλ“€μ΄ κ΅¬ν˜„ν•΄ 놓은거
wono | discuss |
it ops db common

[DB 섀계] κ³΅ν†΅μ½”λ“œ ν…Œμ΄λΈ” 섀계

κ°œμš” ν•˜λ‚˜μ˜ μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€λ©΄ μ„œλΉ„μŠ€ λ‚΄μ—μ„œ μ •μ˜ν•˜μ—¬ μ‚¬μš©ν•˜λŠ” μˆ˜λ§Žμ€ μ½”λ“œ 데이터듀이 μžˆλ‹€. 이런 μ½”λ“œλ“€μ„ ν•œλ° λͺ¨μ•„μ„œ κ΄€λ¦¬ν•˜κΈ° μœ„ν•œ λͺ©μ μœΌλ‘œ μ„€κ³„ν•˜λŠ” 것이 κ³΅ν†΅μ½”λ“œ ν…Œμ΄λΈ”μ΄λ‹€. κ΄€λ¦¬μž νŽ˜μ΄μ§€κ°€ λ”°λ‘œ μ‘΄μž¬ν•˜λŠ” κ²½μš°μ—λŠ” ν•„μˆ˜μ μœΌλ‘œ "곡톡 μ½”λ“œ 관리" 메뉴λ₯Ό 확인할 수 있게 λœλ‹€. μ΄λŠ” 거의 ν”„λ‘œμ νŠΈ μ΄ˆλ°˜μ— κ°€μž₯ λ¨Όμ € μ„€κ³„ν•˜λŠ” ν…Œμ΄λΈ”λ“€ 쀑 ν•˜λ‚˜μ΄λ‹€. 어쨋든 μš°λ¦¬λŠ” μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€λ•Œ λ‚΄λΆ€μ—μ„œ λ§Žμ€ μ½”λ“œλ“€μ„ μ •μ˜ν•΄μ„œ μ‚¬μš©ν•˜κ³€ ν•œλ‹€. μ–΄λ–€ κ²½μš°μ—λŠ” ν•΄λ‹Ή μ½”λ“œλ“€μ„ ν…Œμ΄λΈ”μ—μ„œ κ΄€λ¦¬ν•˜μ§€ μ•Šκ³  μ†ŒμŠ€ μ½”λ“œμ—μ„œ κ΄€λ¦¬ν•˜λŠ” κ²½μš°λ„ μžˆλ‹€. (일정 규λͺ¨ μ΄μƒμ˜ μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€κ³  μžˆλ‹€λ©΄, μ†ŒμŠ€ μ½”λ“œμ—μ„œ κ΄€λ¦¬ν•˜λŠ” 일은 μ—†λ‹€κ³  λ³Έλ‹€.) μ†ŒμŠ€μ½”λ“œμ—μ„œ κ΄€λ¦¬ν•˜κ²Œ 되면 데이터λ₯Ό 쑰회 ν• λ•Œ κ·Έ μ½”λ“œκ°’μ΄ 무엇을 μ˜λ―Έν•˜λŠ”μ§€ μ†ŒμŠ€μ½”λ“œλ₯Ό 직접 확인해야 ν•œλ‹€..
wono | discuss |
Next
© 2025. LINKTAG.ORG. Help Feedback Privacy Terms