민프

자바스크립트에서 console.log 메시지를 제거하는 가장 간단한 방법은 웹팩(Webpack) 또는 다른 빌드 도구를 사용하여 프로덕션 빌드를 최적화하는 것이다. 하지만 React의 기본 환경인 Create React App(CRA)은 이러한 레벨의 세부 조정을 허용하지 않는다. 따라서 다른 빌드 툴을 사용해야하는데 빌드툴에서는 Babel, Terser 등... 여러가지가 있지만 나는 Terser를 해보려고 한다. 근데 Terser라는 라이브러리를 통해 console.log를 제거하는 것이 가능하다. Terser란 무엇일까? 공식 깃헙에서는 아래와 같이 설명하고 있다. A JavaScript mangler/compressor toolkit for ES6+. 여기에서 mangler, compressor이..

overflow-y: scroll; /* 스크롤바의 너비를 0으로 설정하여 숨김 */ ::-webkit-scrollbar { width: 0; background: transparent; }

내가 원하는 모습은 위 사진과 같다. 처음엔 moment 라이브러리로 시간 차이를 구해서 카운트 다운을 해주려고 했는데 관련 라이브러리가 있어서 사용해보았다 라이브러리 설명은 아래 링크에 들어가서 보면 된다. https://www.npmjs.com/package/react-countdown react-countdown A customizable countdown component for React.. Latest version: 2.3.5, last published: 7 months ago. Start using react-countdown in your project by running `npm i react-countdown`. There are 155 other projects in the np..

STOMP? https://minf.tistory.com/220 [STOMP] STOMP란 무엇일까? STOMP(Simple (or Streaming) Text Oriented Message Protocol )란 무엇일까? 공식 홈페이지에 따르면 STOMP는 단순(또는 스트리밍) 텍스트 지향 메시징 프로토콜입니다. STOMP는 STOMP 클라이언트가 모든 STOMP 메시지 minf.tistory.com ㅇ. NPM 설치 npm i @types/sockjs-client npm i sockjs-client npm i @types/stompjs npm install @stomp/stompjs ㅇ. 코드 import { Client } from "@stomp/stompjs"; import SockJS from ..

ERR! Error: The package "@esbuild/darwin-arm64" could not be found, and is needed by esbuild. ERR! ERR! If you are installing esbuild with npm, make sure that you don't specify the ERR! "--no-optional" or "--omit=optional" flags. The "optionalDependencies" feature ERR! of "package.json" is used by esbuild to install the correct binary executable ERR! for your current platform. ERR! at generateBi..

아래 공식문서와 예시 링크를 참고하였다 https://codesandbox.io/s/lym08b?file=/demo.tsx divine-haze-lym08b - CodeSandbox https://github.com/mui/material-ui/blob/v5.12.3/docs/data/material/components/slider/DiscreteSliderLabel.tsx codesandbox.io https://mui.com/material-ui/react-slider/ React Slider component - Material UI Sliders allow users to make selections from a range of values. mui.com const marks = [ { valu..