Hono 웹 프레임워크 소개

안녕하세요? Cloudflare에서 밀고 있는 Hono에 대해 간단히 알아 보겠습니다. 공식 웹 사이트 Hono - Ultrafast web framework for the EdgesHono is a small, simple, and ultrafast web framework for the Edges. It works on Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, AWS Lambda, Lambda@Edge, and Node.js. Fast, but not only fast.hono.dev ** 목 차 **Hono 웹 프레임워크 소개create-hono 명령어Cloudflare Workers3분 내에 배포하기응답 보내기, 요청 처리하..

• format_list_bulleted Javascript
• · 2024. 3. 6.
• textsms

2024 React 리액트 치트 시트

안녕하세요? 오늘은 리액트 초보자가 볼 만한 치트 시트 개념으로 모던 리액트에서 다루는 내용을 빠르게 훑어 보도록 하겠습니다. ** 목 차 **React 요소 (Elements)리액트 요소 속성 (Element Attributes)리액트 요소 스타일 (Element Styles)React 프래그먼트 (Fragments)리액트 컴포넌트React PropsReact Children PropsReact 조건문 (Conditionals)리액트 리스트 (Lists)리액트 컨텍스트 (React Context)리액트 훅 (React Hooks)React useState 훅리액트 useEffect 훅React useRef리액트 useContextReact useCallbackReact useMemoReact 요소 (E..

• format_list_bulleted Javascript
• · 2024. 3. 4.
• textsms

JSR: 새로운 Javascript 패키지 레지스트리

JSR: 새로운 Javascript 패키지 레지스트리 최근에 JSR이라는 용어가 화제가 되고 있습니다. JSR은 JavaScript Registry의 약자로, 다음 세대 JavaScript/TypeScript 패키지 레지스트리를 의미합니다.이 글은 JSR에 대한 작성자의 단편적인 정보를 모아 작성한 것입니다. 오류가 포함되어 있을 수 있습니다. 그럴 경우 지적해 주시면 감사하겠습니다.npm과 어떤 점이 다를까요?npm은 Node Package Manager의 약자로, 이름 그대로 Node.js용으로 개발된 패키지 매니저 및 해당 패키지 매니저가 사용하는 레지스트리입니다. 그 편리함 때문에 Node.js 이외의 브라우저나 다른 런타임에서도 사용됩니다. 예를 들어 Svelte는 브라우저용 패키지이지만, No..

• format_list_bulleted Javascript
• · 2024. 3. 2.
• textsms

저렴하고 확장 가능한 서버리스 백엔드 플랫폼: Koyeb과 Neon 소개

이 글은 Koyeb와 Neon에 대한 소개입니다. 최신 서버리스 플랫폼을 사용하여 확장 가능한 인프라를 간편하게 구축하고 저렴하게 운영할 수 있습니다.Koyeb이란?Koyeb은 웹 애플리케이션 및 API 배포를 지원하는 서버리스 플랫폼입니다. 개발자 중심의 서버리스 플랫폼으로, 배포와 관련된 복잡한 작업을 최소화했습니다. Koyeb 문서 바로가기Koyeb의 장점무료로 배포 가능Heroku의 무료 플랜이 종료되었지만, Koyeb에서는 1개 서비스까지 무료로 배포할 수 있습니다.GitHub 연동이 간편Koyeb는 3가지 배포 방법을 제공합니다.GitHub 연동 후 Koyeb 런타임에서 실행GitHub 연동 후 리포지토리 내 Dockerfile 실행Docker Hub 등 레지스트리에서 Docker 이미지를 가..

• format_list_bulleted Javascript
• · 2024. 2. 27.
• textsms

Binary Large Object - Blob이란?

안녕하세요? 오늘은 Blog을 이해하지 못하시는 분들을 위해 간단하게 알아보는 시간을 가졌습니다.** 목 차 **시작하기 전에Blob이란 무엇인가요?Blob의 사용 방법데이터 다운로드데이터 업로드responseType 프로퍼티시작하기 전에어제 파일을 다루는 구현 중에, GitHub Copilot이 다음과 같은 제안을 했는데요.const config = { headers: { "content-type": "multipart/form-data" }, responseType: "blob",};try { const res = await this.axios.post( "/api/export_file", formData, config ); const url = window.URL.creat..

• format_list_bulleted Javascript
• · 2024. 2. 27.
• textsms

미래의 React는 아마도 SvelteJS처럼 컴파일될겁니다

React가 컴파일됩니다. 이제 메모이제이션을 잊으셔도 됩니다. 요 근래, React 팀은 React에 대해 작업한 내용을 블로그 포스트로 발표했습니다. React 팀의 Andrew Clark는 변경 사항을 잘 설명해주었습니다:  React 팀의 발표에서 컴파일된 React에 대해 언급이 있었고, 당영히 v19에서 컴파일된 React가 나올거라고 추측했었는데요.아마도 컴파일된 React는 아마도 다음 버전일 거 같습니다. React가 "컴파일"되는 것이 무엇을 의미하는지 혼란스러워하는 사람들에게 이 글이 도움이 됐으면 합니다. React의 전체 이야기를 보지 않았다면 종종 따라가기 어려울 수 있으므로 예시와 역사적 맥락을 보여드리겠습니다. ** 목 차 **미래의 React는 아마도 SvelteJS처럼 컴..

• format_list_bulleted Javascript
• · 2024. 2. 24.
• textsms