React 썸네일형 리스트형 Error: error:0308010C:digital envelope routines::unsupported 발생 시 해결방법 digital envelope routines::unsupported 발생 시 해결방법 React 관련 Proxy 설정 기본적으로 React 프로젝트는 3000번 포트에서 작동되기 때문에 CORS 관련한 오류를 방지하기 위해서 Proxy를 설정해주어야 하는데... CORS(Cross-Origin Resource Sharing) 오류와 관련된 내용을 간단히 설명하자면 동일출처에서 데이터 요청을 하지 않았기 때문에 발생하는 오류이다. 다시말해서 CORS오류는 웹 애플리케이션이 다른 도메인, 프로토콜 또는 포트에서 리소스를 요청할 때 발생하는 보안 정책인데요. 브라우저는 보안상의 이유로 기본적으로 다른 출처에서 리소스를 요청하는 것을 제한하며, 이때 CORS 오류가 발생할 수 있습니다. 이를 해결하기 위해서는.. 더보기 Linkify - 다양한 것들을 링크로 만들어 주는 JS 플러그인을 소개합니다 (linkify.js.org) Linkify - 다양한 것들을 링크로 만들어 주는 JS 플러그인을 소개합니다 아래와 같이 소개하고 있군요.. Linkify is a JavaScript plugin. Use Linkify to find links in plain-text and convert them to HTML tags. It automatically highlights URLs, #hashtags, @mentions and more. 한마디로, Linkify는 다양한 것들을 링크로 만들어 주는 JS 플러그인이라고 머릿속에 넣어두시면 될것 같네요.. 아래는 소스코드입니다. Linkify의 특징에 대해서 정리해보자면 아래와 같고요.. 텍스트에서 URL, IP주소, 이메일, @멘션, #해쉬태그 등을 찾아서 a 링크로 치환 React 와.. 더보기 DivKit - 오픈소스 Server-Driven UI 프레임워크를 소개합니다(github.com/divkit) DivKit - 오픈소스 Server-Driven UI 프레임워크를 소개합니다 깃허브에서는 아래와 같이 설명하고 있군요.. DivKit 🐋 is an open source Server-Driven UI (SDUI) framework. It allows you to roll out server-sourced updates to different app versions. Also, it can be used for fast UI prototyping, allowing you to write a layout once and then ship it to iOS, Android, and Web platforms. DivKit is an excellent choice to start using server-driv.. 더보기 Heroicons 2.0 릴리즈 (heroicons.com) Heroicons 2.0 릴리즈를 소개합니다. 홈페이지에서는 Heroicons 를 아래와 같이 설명하고 있군요.. Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. 한마디로, Tailwind CSS 제작자가 손으로 만든 아름다운 SVG 아이콘이라고 머릿속에 넣어두시면 될것 같습니다. 아래와 같은 아이콘이 보이는군요.. Outline 은 아래와 같고요. Solid 는 아래와 같습니다. Mini는 아래와 같네요.. 간단하게 Heroicons 2.0 관련 특징을 정리해보자면 아래와 같습니다. Tailwind CSS 개발자들이 만든 아이콘 모음. 오픈소스(MIT) 264개의 아이콘을 완전히 새로 그림 더 얇아진 24x24 1.5 px 아웃라인 스.. 더보기 Mailing - React로 이메일 작성하고 보내기 (github.com/sofn-xyz) Mailing - React로 이메일 작성하고 보내기를 소개합니다. Mailing 은 한마디로 React로 이메일 작성하고 보내기한다라는 것을 머릿속에 넣어두시면 되고요.. setup 은 아래와 같은 절차로 진행하시면 됩니다. Setup Install mailing-core and the development server with yarn or npm: yarn: yarn add mailing-core mjml mjml-react nodemailer &&\ yarn add --dev mailing @types/mjml @types/mjml-react @types/nodemailer npm: npm install --save mailing-core mjml mjml-react nodemailer &&\ n.. 더보기 Connect-Web : 브라우저에서 RPC 호출하는 TypeScript 라이브러리 (buf.build) Connect-Web : 브라우저에서 RPC 호출하는 TypeScript 라이브러리 를 소개합니다. 홈페이지에서는 아래와 같이 설명하고 있군요.. Connect-Web: It's time for Protobuf and gRPC to be your first choice in the browser 한마디로 정리하자면, 브라우저에서 RPC 호출하는 TypeScript 라이브러리 라고 머릿속에 넣어두시면 되고요.. 문서를 뒤지다가.. 설치부분을 봤는데요.. Mac, Linux, Windows 모두 지원하는 군요.. 참고로, 바이너리로 설치와 제거에 대해서는 아래와 같이 진행하시면 되고요.. Binary# The binary is all that is needed to get started. To install.. 더보기 Plasmo - 브라우저 확장 개발용 SDK Plasmo - 브라우저 확장 개발용 SDK을 소개합니다. 홈페이지에서는 Plasmo 를 아래와 같이 설명하고있었습니다. The Plasmo Framework is a battery-packed browser extension SDK made by hackers for hackers. Build your product and stop worrying about config files and the odd peculiarities of building browser extensions. Plasmo 를 한마디로 말씀드리자면, 브라우저 확장 개발용 SDK라고 머릿속에 넣어두시면 될것 같고요.. 주요특징은 아래와 같습니다. "브라우저 확장을 위한 Next.js 같은 도구" - 크롬/엣지/FF/오페라/사파리 -.. 더보기 이전 1 다음
