dev + it dev mdn web mime 일반 MIME 타입 - HTTP | MDN다음은 일반적인 확장자로 정렬된, 문서 타입과 관련된 MIME 타입의 포괄적인 목록입니다. wono | discuss | tweet + it dev javascript mime 파일확장자 체크 MINE 타입MIME 타입 (MIME type, Multipurpose Internet Mail Extensions type) 의 약자로 인터넷에서 전송되는 파일의 형식을 식별하기 위한 식별자이다. 파일 업로드시 파일 확장자로 체크 하기도 하고 MIME 타입으로 파일 확장자를 체크 해서 입력 받아야할 파일 타입을 한번 더 걸러 준다. 아래는 파일 확장자에 대한 MIME 타입과 javascript 에서 체크 하는 로직을 예제로 보여 주고 있다. pdf 파일 'application/pdf' excel 파일 .xls 파일 'application/vnd.ms-excel' .xlsx 파일 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' hwp 한글 파일.. wono | discuss | tweet + it dev nextjs swr 리액트에서 반복적인 useEffect 대신 SWR 사용하기 | 요즘IT이번 글에서는 useEffect 방식의 한계를 살펴보고, SWR이 어떤 방식으로 이를 보완할 수 있는지 알아보고자 한다. wono | discuss | tweet + it dev nextjs fullcalendar next_uishadcn_full_schedule_calendar wono | discuss | tweet + it dev nextjs fullcalendar [blocks]: Full calendar · shadcn-ui/ui · Discussion #3214[blocks]: Full calendar wono | discuss | tweet + it dev nextjs fullcalendar 월간 달력 출력하기 (FullCalendar / Shadcn)FullCalendarFullCalendar: 복잡한 일정 관리가 필요한 경우 (예: 회사 일정 관리, 예약 시스템)장점단점월/주/일 등 다양한 뷰 제공이벤트 표시 및 관리 기능이 풍부시간대별 일정 관리 가능드래그 앤 드롭으로 일정 이동 가능번들 사이즈가 큼초기 설정이 복잡할 수 있음스타일링 커스터마이징이 까다로움무료 버전과 프로 버전의 기능 차이 1. FullCalendar 관련 종속성 설치 명령어yarn add @fullcalendar/core @fullcalendar/react @fullcalendar/daygrid @fullcalendar/coreFullCalendar의 핵심 기능을 제공하는 기본 패키지Calendar 클래스와 같은 핵심 기능을 포함하고 있어 캘린더를 생성하고 관리하는 데 필수적.. wono | discuss | tweet + it dev nextjs Next.js서 발견된 치명적 취약점, 공격자 인증 우회 가능성 제기오픈소스 자바스크립트 프레임워크인 Next.js에서 발견된 치명적인 취약점(CVE-2025-29927)을 악용, 공격자가 미들웨어 기반의 인증을 우회하고 시스템에 접근할 수 있는 가능성이 제기됐다. wono | discuss | tweet + it dev nextjs fs Module not found can't resolve 'fs' React Nextjs: Error SolutionThe error message "Module not found: Can't resolve 'fs'" typically occurs when attempting to use... wono | discuss | tweet + it dev nextjs instrumentation Next.js Instrumentation can not import and resolve the node-bindings module. · Issue #64471 · vercel/next.jsLink to the code that reproduces this issue https://github.com/PrinOrange/reproduction-app To Reproduce First, install a node-binding package, like the @napi-rs/tar, which provides the rust bindings and .node bytecode module. npm i @napi... wono | discuss | tweet + it dev nextjs instrumentation [NEXT-1173] use node module inside instrumentation hook cause module not found error · Issue #49565 · vercel/next.jsVerify canary release I verified that the issue exists in the latest Next.js canary release Provide environment information Operating System: Platform: linux Arch: x64 Version: #22 SMP Tue Jan 10 18:39:00 UTC 2023 Binaries: Node: 16.17.0... wono | discuss | tweet + it dev nextjs file NextJS 13.3 Simple File upload using App directly and routesI'm really stuck. Can someone provide me with a really simple up to date using latest versions and features of NextJS 13.3 file upload to local storage code example? I need a form with submit funct... wono | discuss | tweet + it dev java presignedurl cloudfront Presigned URL과 CDN으로 이미지 업로드 & 조회 개선들어가며안녕하세요! 요즘 플러피(Fluffy)라는 온라인 시험 제작 및 관리 서비스를 개발하고 있습니다. 보통 시험 문제에는 다양한 이미지들이 포함되어 있습니다. 플러피 서비스 또한 시험 지문에 이미지를 추가할 수 있는 기능을 만들었습니다. 처음에는 클라이언트에서 이미지를 서버로 전송하고, 서버에서 다시 AWS S3로 업로드하는 방식으로 작업했습니다. 이 방식이 궁금하신 분들은, 이전에 작성한 스프링에서 AWS S3를 이용한 이미지 업로드 방법 글을 참고해주세요. 하지만 이 방식에는 몇 가지 아쉬운 점이 있었습니다. 이미지 업로드의 경우, 이미지가 서버를 거쳐야 하기 때문에 서버의 부하가 커지고, 업로드 속도 또한 상대적으로 느립니다. 이미지 조회의 경우, S3에서 이미지를 직접 가져오기 때문에 조회 속.. wono | discuss | tweet + it dev n3xtjs shadcn pagination Epic Next JS 15 Tutorial Part 8Learn how to implement search and pagination functionalities in Next.js. wono | discuss | tweet + it dev nextjs shadcn How to create search in ui/shadcn?I try to use this https://ui.shadcn.com/docs/components/command for searching functionality but the problem is that it doesn't overlap the text. as you can see in the image. The dropdown doesn't o... wono | discuss | tweet + it dev javascript foreach map throw JavaScript에서 forEach, map 함수 내에서 throw Error가 되지 않을 때 해결 방법많은 JavaScript 개발자들이 배열을 처리할 때 map 함수를 즐겨 사용합니다. 그러나 때때로 예상치 못한 문제에 부딪힐 수 있습니다. 이 글에서는 map 함수 내에서 throw Error가 작동하지 않는 상황을 해결하는 방법에 대해 알아보겠습니다. 1. 문제 상황 파악 자바스크립트의 map/forEach 함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 모아 wono | discuss | tweet + it dev nextjs shadcn Cannot set `Select` to an empty value. · Issue #2054 · shadcn-ui/uiMaybe this is something very obvious that I'm not understanding, but I've checked out the shadcn-ui and the radix/primitives docs and I can't figure this out. Here's my code: const SelectField: React.FunctionComponent<SelectFieldProps> =... wono | discuss | tweet + it dev javascript formdata [JavaScript] new FormData(form), Object.fromEntries(iterable), how to seriazlie form data* forms with multiple fields that have the same name * How to serialize form data with vanilla JS 1) FormData object FormData object provides an easy way to serialize form fields into key/value pairs. Form fields must have a name attribute to be includes object. Otherwise, they're skipped. Title Body Soak up the sun and swim in the ocean. Submit // Get the form let form = document.querySelector(.. wono | discuss | tweet + it dev nextjs issue cors Error 403 "forbidden" when running 'next dev' through stunnel - Next.js ver. 15.2.2 · Issue #77045 · vercel/next.jsLink to the code that reproduces this issue https://github.com/designly1/nextjs-15-2-2-stunnel-issue To Reproduce 1 . Clone repo 2. cd repo 3. pnpm i 4. Setup a stunnnel reverse proxy: [dev server] accept = 443 connect = 3000 cert = /pat... wono | discuss | tweet + it dev nextjs cors Next.js 버전업 이후 셀프 호스팅 환경에서의 CORS문제가 발생하는 페이지들의 CORS 에러를 확인했는데, 정기 배포 직전까지는 문제없이 동작하고 있던 곳이었어요. 특이하게도 creatrip.com 에서의 접속은 아무런 이슈가 없었지만 www.creatrip.com 도메인에서의 접속에서 문제가 발생했어요. 저희 크리에이트립에서는 Next.js 빌드 이후 생성된 정적 파일들을 Cloudfront로 제공하고… wono | discuss | tweet + it dev nextjs cors Next.js 환경에서 CORS 에러 해결Next 에서 CORS 를 해결하는 과정 wono | discuss | tweetNext
+ it dev mdn web mime 일반 MIME 타입 - HTTP | MDN다음은 일반적인 확장자로 정렬된, 문서 타입과 관련된 MIME 타입의 포괄적인 목록입니다. wono | discuss | tweet
+ it dev javascript mime 파일확장자 체크 MINE 타입MIME 타입 (MIME type, Multipurpose Internet Mail Extensions type) 의 약자로 인터넷에서 전송되는 파일의 형식을 식별하기 위한 식별자이다. 파일 업로드시 파일 확장자로 체크 하기도 하고 MIME 타입으로 파일 확장자를 체크 해서 입력 받아야할 파일 타입을 한번 더 걸러 준다. 아래는 파일 확장자에 대한 MIME 타입과 javascript 에서 체크 하는 로직을 예제로 보여 주고 있다. pdf 파일 'application/pdf' excel 파일 .xls 파일 'application/vnd.ms-excel' .xlsx 파일 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' hwp 한글 파일.. wono | discuss | tweet
+ it dev nextjs swr 리액트에서 반복적인 useEffect 대신 SWR 사용하기 | 요즘IT이번 글에서는 useEffect 방식의 한계를 살펴보고, SWR이 어떤 방식으로 이를 보완할 수 있는지 알아보고자 한다. wono | discuss | tweet
+ it dev nextjs fullcalendar [blocks]: Full calendar · shadcn-ui/ui · Discussion #3214[blocks]: Full calendar wono | discuss | tweet
+ it dev nextjs fullcalendar 월간 달력 출력하기 (FullCalendar / Shadcn)FullCalendarFullCalendar: 복잡한 일정 관리가 필요한 경우 (예: 회사 일정 관리, 예약 시스템)장점단점월/주/일 등 다양한 뷰 제공이벤트 표시 및 관리 기능이 풍부시간대별 일정 관리 가능드래그 앤 드롭으로 일정 이동 가능번들 사이즈가 큼초기 설정이 복잡할 수 있음스타일링 커스터마이징이 까다로움무료 버전과 프로 버전의 기능 차이 1. FullCalendar 관련 종속성 설치 명령어yarn add @fullcalendar/core @fullcalendar/react @fullcalendar/daygrid @fullcalendar/coreFullCalendar의 핵심 기능을 제공하는 기본 패키지Calendar 클래스와 같은 핵심 기능을 포함하고 있어 캘린더를 생성하고 관리하는 데 필수적.. wono | discuss | tweet
+ it dev nextjs Next.js서 발견된 치명적 취약점, 공격자 인증 우회 가능성 제기오픈소스 자바스크립트 프레임워크인 Next.js에서 발견된 치명적인 취약점(CVE-2025-29927)을 악용, 공격자가 미들웨어 기반의 인증을 우회하고 시스템에 접근할 수 있는 가능성이 제기됐다. wono | discuss | tweet
+ it dev nextjs fs Module not found can't resolve 'fs' React Nextjs: Error SolutionThe error message "Module not found: Can't resolve 'fs'" typically occurs when attempting to use... wono | discuss | tweet
+ it dev nextjs instrumentation Next.js Instrumentation can not import and resolve the node-bindings module. · Issue #64471 · vercel/next.jsLink to the code that reproduces this issue https://github.com/PrinOrange/reproduction-app To Reproduce First, install a node-binding package, like the @napi-rs/tar, which provides the rust bindings and .node bytecode module. npm i @napi... wono | discuss | tweet
+ it dev nextjs instrumentation [NEXT-1173] use node module inside instrumentation hook cause module not found error · Issue #49565 · vercel/next.jsVerify canary release I verified that the issue exists in the latest Next.js canary release Provide environment information Operating System: Platform: linux Arch: x64 Version: #22 SMP Tue Jan 10 18:39:00 UTC 2023 Binaries: Node: 16.17.0... wono | discuss | tweet
+ it dev nextjs file NextJS 13.3 Simple File upload using App directly and routesI'm really stuck. Can someone provide me with a really simple up to date using latest versions and features of NextJS 13.3 file upload to local storage code example? I need a form with submit funct... wono | discuss | tweet
+ it dev java presignedurl cloudfront Presigned URL과 CDN으로 이미지 업로드 & 조회 개선들어가며안녕하세요! 요즘 플러피(Fluffy)라는 온라인 시험 제작 및 관리 서비스를 개발하고 있습니다. 보통 시험 문제에는 다양한 이미지들이 포함되어 있습니다. 플러피 서비스 또한 시험 지문에 이미지를 추가할 수 있는 기능을 만들었습니다. 처음에는 클라이언트에서 이미지를 서버로 전송하고, 서버에서 다시 AWS S3로 업로드하는 방식으로 작업했습니다. 이 방식이 궁금하신 분들은, 이전에 작성한 스프링에서 AWS S3를 이용한 이미지 업로드 방법 글을 참고해주세요. 하지만 이 방식에는 몇 가지 아쉬운 점이 있었습니다. 이미지 업로드의 경우, 이미지가 서버를 거쳐야 하기 때문에 서버의 부하가 커지고, 업로드 속도 또한 상대적으로 느립니다. 이미지 조회의 경우, S3에서 이미지를 직접 가져오기 때문에 조회 속.. wono | discuss | tweet
+ it dev n3xtjs shadcn pagination Epic Next JS 15 Tutorial Part 8Learn how to implement search and pagination functionalities in Next.js. wono | discuss | tweet
+ it dev nextjs shadcn How to create search in ui/shadcn?I try to use this https://ui.shadcn.com/docs/components/command for searching functionality but the problem is that it doesn't overlap the text. as you can see in the image. The dropdown doesn't o... wono | discuss | tweet
+ it dev javascript foreach map throw JavaScript에서 forEach, map 함수 내에서 throw Error가 되지 않을 때 해결 방법많은 JavaScript 개발자들이 배열을 처리할 때 map 함수를 즐겨 사용합니다. 그러나 때때로 예상치 못한 문제에 부딪힐 수 있습니다. 이 글에서는 map 함수 내에서 throw Error가 작동하지 않는 상황을 해결하는 방법에 대해 알아보겠습니다. 1. 문제 상황 파악 자바스크립트의 map/forEach 함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 모아 wono | discuss | tweet
+ it dev nextjs shadcn Cannot set `Select` to an empty value. · Issue #2054 · shadcn-ui/uiMaybe this is something very obvious that I'm not understanding, but I've checked out the shadcn-ui and the radix/primitives docs and I can't figure this out. Here's my code: const SelectField: React.FunctionComponent<SelectFieldProps> =... wono | discuss | tweet
+ it dev javascript formdata [JavaScript] new FormData(form), Object.fromEntries(iterable), how to seriazlie form data* forms with multiple fields that have the same name * How to serialize form data with vanilla JS 1) FormData object FormData object provides an easy way to serialize form fields into key/value pairs. Form fields must have a name attribute to be includes object. Otherwise, they're skipped. Title Body Soak up the sun and swim in the ocean. Submit // Get the form let form = document.querySelector(.. wono | discuss | tweet
+ it dev nextjs issue cors Error 403 "forbidden" when running 'next dev' through stunnel - Next.js ver. 15.2.2 · Issue #77045 · vercel/next.jsLink to the code that reproduces this issue https://github.com/designly1/nextjs-15-2-2-stunnel-issue To Reproduce 1 . Clone repo 2. cd repo 3. pnpm i 4. Setup a stunnnel reverse proxy: [dev server] accept = 443 connect = 3000 cert = /pat... wono | discuss | tweet
+ it dev nextjs cors Next.js 버전업 이후 셀프 호스팅 환경에서의 CORS문제가 발생하는 페이지들의 CORS 에러를 확인했는데, 정기 배포 직전까지는 문제없이 동작하고 있던 곳이었어요. 특이하게도 creatrip.com 에서의 접속은 아무런 이슈가 없었지만 www.creatrip.com 도메인에서의 접속에서 문제가 발생했어요. 저희 크리에이트립에서는 Next.js 빌드 이후 생성된 정적 파일들을 Cloudfront로 제공하고… wono | discuss | tweet