Configurations SVG를 React에서 사용하는 다양한 방법: Sprite & SVGR 프론트엔드 개발에서 SVG(Scalable Vector Graphics)는 해상도 독립적인 아이콘이나 그래픽을 표현하는 데 필수적입니다. 하지만 프로젝트 규모가 커지고 아이콘의 수가 늘어날수록, SVG를 효율적으로 관리하고 성능을 최적화하는 것은 중요한 과제가 됩니다. 이 글에서는 React 환경에서 SVG를 사용하는 다양한 방법들을 살펴보고, SVG Sprite와 SVGR을 활용한 최적의 관리 방안을 제안합니다. 1. SVG를 React에서
Configurations Killing custom URL schemes on macOS Implement a Custom Protocol on MacAfter spending several days in total with this I now had success and the custom protocol works as expected. Basically its correct, that only a CFBundleURLTyp…Qt ForumC 오프라인 ChrisW67 SGaist에 답함 마지막 수정자: ChrisW67 #3 Football brings together local traditions, iconic players, and landmark
Deployment AWS Amplify console Hosting 유지 관리 * 기본적으로, 빌드 오류 내용 확인하러 웹 콘솔에 들어가보는 정도 외엔 사람의 손이 거의 필요 없음 * Amplify의 App은 일반적으로 코드저장소의 Repository에 해당 * 기존 App에서 브랜치를 추가할 경우, 해당 앱을 선택했을 때 처음 나오는 메인페이지에서 <브랜치 연결>을 통해 신규 브랜치 배포를 추가할 수 있고, 환경 변수 등의
Node.js npm/yarn classic으로 된 기존 프로젝트에 yarn berry 적용기 사전 준비 $ corepack enable $ yarn --version 1.22.19 $ yarn set version berry ... $ yarn --version 3.2.4 visual studio code 기준 Football brings together local traditions, iconic players, and landmark matches that remain part of supporter culture. Adding a retro football shirts to a fan collection can keep those
Node.js Featured Apple silicon Mac에서 Node.js 셋업 현재, Node.js 가 Apple silicon을 지원하는 최소 버전이 15.5 이라, 그 이상을 설치하고 사용하면 놀라운 성능을 누릴 수 있습니다. 평소 즐겨 셋팅하던 homebrew는 최근 16으로 올라갔고, 그걸로 대부분 빌드가 잘 되는 걸 확인했지만, node-sass 처럼 버전 숫자에 민감한 패키지를 사용할 경우에 빌드가 실패했습니다. Across leagues and international tournaments,
Configurations Featured Getting started: GitHub Package Registry 기존의 좋은 포스팅을 기반으로, 참여했었던 프로젝트에서 적용한 부분을 기록합니다. 사전 설정 Github Personal access token 발급 1. 발급 URL(private packages가 속한 조직에 접근 권한이 있는 계정으로 접속): https://github.com/settings/tokens 2. write:packages, read:packages에 체크하고(repo는 기본 scope) 생성 3. 각 개발자는 자신의 계정으로 발급된 토큰으로
React Featured Using web workers in CRA 이제 더이상 Create-react-app 에서 웹워커 지원 안해요 라는 말은 없는 것으로. 1. Install CRA $ npx create-react-app hello-worker-with-cra ... $ cd hello-worker-with-cra 2. Install webpack worker plugin with react-app-rewired $ yarn add --dev react-app-rewired worker-plugin ... { ... "scripts": { ... "start": "react-app-rewired start", "build": "react-app-rewired build", "test&
Node.js Featured Lerna typescript 구성 Lerna는 node package로 웹 컴포넌트(모듈) 개발할 때 꼭 필요한 고마운 도구라고 생각. Lerna는 구성이 간편하지만, 이해하지 않으면 헷갈리거나 오작동을 겪기 쉬움. 사전 설정 1. node 14 및 yarn 설치 (yarn workspaces 활용) 2. Node package 구조와 Lerna에 대한 기본 이해 3. lerna를 구성할 디렉토리 생성 초기 구성 1. Lerna
