Apple silicon Mac에서 Node.js 셋업
현재,
Node.js 가 Apple silicon을 지원하는 최소 버전이 15.5 이라, 그 이상을 설치하고 사용하면 놀라운 성능을 누릴 수 있습니다.
Running Node.js natively on Apple SiliconComponent-driven design & development for the modern
Getting started: GitHub Package Registry
기존의 좋은 포스팅을 기반으로, 참여했었던 프로젝트에서 적용한 부분을 기록합니다.
사전 설정
Github Personal access token 발급
1. 발급 URL(private packages가 속한 조직에 접근 권한이 있는 계정으로 접속): https://github.com/settings/tokens
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"
Lerna typescript 구성
Lerna는 node package로 웹 컴포넌트(모듈) 개발할 때 꼭 필요한 고마운 도구라고 생각.
Lerna는 구성이 간편하지만, 이해하지 않으면 헷갈리거나 오작동을 겪기 쉬움.
사전 설정
1. node 14 및 yarn 설치 (yarn workspaces 활용)
PWA로 설치된 앱 이름
manifest.json의 property name
1. service worker 작동하는 경우
a. 데스크톱 크롬 앱 설치: name
b. 모바일 설치: short_name
2. service worker 없이 그냥 모바일 홈에 추가하는 경우: name