웹 사이트를 리액트나 뷰로 개발하는 것에 대한 의문이 항상 있었는데 조금은 답이 되는 내용인 것 같네요 🤔

React 개발 시 알아두면 좋은 성능 최적화 방법들을 설명하고 있음.🙂 useMemo React.memo 컴포넌트 메모이제이션 useCallback 자식 컴포넌트의 props로 객체를 넘겨줄 경우 변형하지말고 넘겨주기 컴포넌트를 매핑할 때에는 key..

아마존의 AWS의 S3에 이미지를 업로드하고 업로드한 URL 경로는 DB에 저장하고자 하는 경우 Multer-S3와 AWS-SDK 모듈을 이용하여 구현하는 방법을 설명합니다😊 const multer = require('multer'); const multerS3 = require('multer-..

타입스크립트 3.7 버전부터 옵셔널 체이닝 연산자인 ?. 을 사용할 수 있습니다. null 혹은 undefined 에러를 처리하는 용도로 옵셔널 체이닝 연산자가 사용되죠. 옵셔널 체이닝 연산자에 대해 알고 싶으면 아래 링크를 참고하세요. htt..

useMemo의 활용을 이해하기 쉬우라고 그림과 함께 설정한 글이네요.

개발자들 중에는 파워포인트나 키노트로 슬라이드 만드는 게 귀찮은 사람들이 있습니다. Slidev를 사용하면 마크다운 방식으로 슬라이드를 쉽게 만들 수 있습니다. 심지어 녹화도 가능! $ npm init slidev

설치없이 브라우저에서 Rust와 WebAssembly를 실험해볼 수 있는 간단한 페이지입니다. webassembly.cloud

Apple Silicon (M1)을 위한 바이너리 지원 V8 버전이 9.0으로 성능 향상됨 promise를 반환하는 타이머 지원 무슨 말인고 하니 이런게 가능함 import { setTimeout } from 'timers/promises'; async function run() { a..

React로 플로우를 보기 좋게 그려주는 라이브러리입니다. 멋지네요!! 

Go에서도 Vue나  React와 같은 방식으로 프론트엔드를 개발하게 해주는 라이브러리입니다. 예제는 아래처럼 생겼는데 얼핏 Vue와 비슷해보이네요.

HTTP 전송 방식(Method)에는 GET, POST, DELETE, PUT 등이 있는데 SEARCH라는 새로운 메소드가 추가되었습니다. 아직은 IETF의 초안인 상태로 계속해서 개선될 예정입니다.   헤더가 이런 식으로 생겼습니다.   HTTP SEARCH를 사용하..

Node.js와 Nuxt.js 그리고 FFmeg를 이용하여 비디오 스트리밍 앱을 만드는 내용의 글입니다. 자막 기능을 넣는 방법까지도 소개하고 있네요. 강좌의 소스 코드 링크는  https://github.com/smashingmagazine/Nuxt-Node-video-streaming/

Node.js의 단점을 개선해 가고 있는 Deno의 1.9 버전이 릴리즈 되었습니다. 달라진 점은 네이티브 HTTP/2 웹서버 : 빠르고, 정확하고, HTTP의 모든 기능 지원 serde_v8을 통한 Rust 호출 속도 향상 Blob URL 지원과 향상된 fetch ..

React에서 PDF 파일 미리보기를 구현할 수 있는 react-pdf의 2.0 버전 출시. 달라진 점 SVG 지원 Hook API를 지원하여 보다 세부적인 구현 가능 기존 1.0 버전과 호환되며 1.0 버전은 앞으로 새 기능을 추가하지 않을 예정이므로 ..

자바스크립트에서 const는 상수를 만들 때 사용하며 상수로 선언된 값은 절대 변경할 수 없는 불변의 값이 됩니다.   자바스크립트에서 const로 상수를 만들어 사용했을 때 좋은 점은 변경되지 않을 것이 명확하기 때문에 안정적으로..

전 세계적으로 IE11의 사용은 매우 감소하는 추세입니다. (국내가 약간 특이하지만..) Vue 3도 더 이상 IE11을 지원하지 않기로 하였습니다. 그럼에도 불구하고 IE11을 사용해야 한다면 Vue 2.7을 사용할 것을 권고하고 있습니다.

리액트로 만들어진 프리젠테이션 라이브러리입니다. 웹사이트에 embed해서 넣을 수도 있고 마크다운 문법으로 화면을 만들 수 있습니다. 데모 페이지 ==>  https://raw.githack.com/FormidableLabs/spectacle/main/examples/one-page.html

React에 윈도우95 스타일로 적용할 때 좋을 것 같아요. 데모는 여기서 확인~😎  

말 그대로 console.log()를 200% 활용하는 방법들!!   중괄호 쓰기 중괄호를 쓰면 변수 이름을 같이 출력할 수 있음 let x = 2; console.log(x) // 2 console.log({x}) // {x: 2}   로그 포맷 사용 가능 %s: logs as strings %i or..

iOS에서도 성능 향상을 위한 Hermes 지원 inline require 기본 지원 코드 중간에 라이브러리를 가져올 수 있도록 하는 방식 React 17 사용 크게 달라진 것은 없음  Hermes에서 Proxy 지원 등      

React 앱을 배포하는 것은 일반적은 HTML, CSS 파일을 배포하는 것과는 사뭇 다릅니다. 보통 npm을 이용하여 모듈을 설치하고 빌드하고 배포하는 식의 과정을 거칩니다. React 앱을 무료로 배포하고 이용할 수 있는 서비스 10가지를 소..

국내에서 2021년 많이 사용될 것으로 전망되는 백엔트 프레임워크를 살펴봄으로써 앞으로 학습을 하거나 서비스를 개발하고자 하는 사람들에게 도움이 되었으면 합니다. (여러 사이트의 자료와 저의 의견을 조합하여 정리하였습니다)  ..