node 에서 즐겨쓰는 package.json import 방법은 아래와 같다.
import packageJson from "../package.json";
console.log(packageJson.version);
편안하게 잘 사용되는 로직인데 타입스크립트로 변경시에는 몇 가지 설정을 해줘야한다. 설명에 필요없는 설정은 생략했다.
{
"compilerOptions": {
"moduleResolution": "node",
"resolveJsonModule": true,
"esModuleInterop": true
}
}
또는 tsc 실행시에 --esModuleInterop, --resolveJsonModule 옵션을 추가해 빌드해줘야한다.
3.0 버전이 되면서 HOC 기반으로 변경되며 rules를 상위 컴포넌트에서 확장하게 되었다.
문제는 typescript 기반에서 룰 전체 등록이 TS(7053) 에러를 발생시킨다.
import { ValidationProvider, ValidationObserver, extend } from "vee-validate";
import * as rules from "vee-validate/dist/rules";
Object.keys(rules).forEach((rule) => {
extend(rule, rules[rule]); // rules[rule] 에서 타입오류 발생
});
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import(".../node_modules/vee-validate/dist/rules")'.
No index signature with a parameter of type 'string' was found on type 'typeof import(".../node_modules/vee-validate/dist/rules")'.ts(7053)
import, export 의 모듈명은 string index 로 쳐지지 않아 발생한다.
Object.entries와 for of를 사용해 타입에 안전하게 돌려주면 된다.
import { extend } from "vee-validate";
import * as rules from "vee-validate/dist/rules";
for (const [rule, validation] of Object.entries(rules)) {
extend(rule, {
...validation,
});
}
for of를 사용하는 습관을 들여야겠다.Helm is a tool for manaing Kubernetes charts. Charts are packages of pre-configured Kubernetes resources.
## 설치
brew install kubernetes-helm
## 초기화
helm init
## tiller 파드 확인
kubectl -n kube-system get service,deployment,pod --selector app=helm
## 버전 확인
helm version
chart-example
├── charts # 차트가 의존하는 차트 디렉토리
├── templates # manifest 파일 템플릿 디렉토리
│ ├── NOTES.txt # 차트 사용법 등 참조 문서 템플릿
│ ├── _helper.tpl # manifest 렌더링에 사용되는 템플릿 헬퍼
│ └── example.yaml # 각종 K8S 리소스의 manifest 템플릿
├── Chart.yaml # 차트 정보가 정의 파일
└── values.yaml # 차트 기본값 value 파일
차트 설치시 values.yaml 에 override 할 값을 정의한 yaml 파일을 만들면 된다.
helm repo add incubator https://kubernetes-charts-incubator.storage.googleapis.com/helm search 로 차트 검색 가능보통은 helm init
실서버에서는 helm init --service-account tiller --node-selectors system --history-max 10
업그레이드는 helm init --upgrade
helm create 차트명
helm package 차트명
차트를 압축파일로 패키징
helm search 검색어
helm fetch 차트경로
helm serve
로컬 레포지토리로 사용할 웹 서버 시작
helm install 차트명
차트로 애플리케이션 설치
helm install stable/redis --name my-redis
helm install stable/redis --version 3.6.0 \
--name my-redis \
--namespace gracefullight \
-f ./my-redis.yaml
helm list
helm list --namespace kube-system
helm get 릴리즈명
설치된 릴리스 상ㅇ세 정보를 yaml 으로 출력
helm delete 릴리즈명
쿠버네티스를 이해하는 건 어렵다. DevOps 의 전반적인 플로우를 알아야 이 플로우도 이해가 가기 때문이라 생각한다. 생소한 용어들도 어렵다. 한 판을 정리 했지만 매번 참조해야되는 듯하다.
| 개념 | JAVA 클래스 | 쿠버네티스 오브젝트 |
|---|---|---|
| 캡슐화 | Class | Container image |
| 인스턴스 | Object | Container |
| 재사용단위 | jar | Container image |
| 컴포지션 | Class A Contains Class B | Sidecar pattern |
| 상속 | Class A extends Class B | A container's from parent image |
| 배포단위 | jar, war... | Pod |
| 빌드 및 런타임 아이솔레이션 | Module, Package, Class | Namespace, Pod, Container |
| 초기화 | Consturctor | Init container |
| 초기화 후 트리거 | Init method | postStart |
| 종료 전 트리거 | Destroy | preStop |
| Cleanup | finalize(), shutdown hook | Defer container |
| 비동기, 병렬 실행 | ThreadPoolExecutor, ForkJoinPool | Job |
| 스케쥴링 | Timer, ScheduledExecutorService | CronJob |
| 백그라운드 | Daemon thread | DaemonSet |
| 설정관리 | System.getenv(), Properties | ConfigMap, Secret |
Docker 이미지로 생성된 후에 그 위에서 돌아간다. 자세한 개념은 시간날 때 추가 예정
여기를 참조해 레파지토리의 secret 으로 등록한다.
themes directory 하위의 테마들은 각각의 repo를 가지고 있다. 이 테마들을 CI 중에 가져오기 위해선 서브모듈로 등록해주고 초기화시켜줘야한다.
## 서브모듈 테마 추가
git submodule add 테마깃경로 themes/테마명
## 싱크
git submodule update --init --remote
여기서 remote 옵션을 쓰지 않을 경우 최신 마스터를 pull 하지 않는다. 서브모듈을 쓰는 이유는 내가 관리하지 않기 위함이니 꼭 추가해주자.
주석 없어도 하나하나가 무슨 느낌인지는 받아들여질 것 같다.
name: Node CI
on:
push:
branches:
- master
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node: [20.x]
steps:
- uses: actions/checkout@master
- name: SETUP_NODE_${{ matrix.node }}
uses: actions/setup-node@master
with:
node-version: ${{ matrix.node }}
- name: BEFORE_INSTALL
run: npm i -g hexo workbox-cli
- name: BEFORE_SCRIPT
run: |
git config --global user.name 'gracefullight'
git config --global user.email '[email protected]'
sed -i "s/__GITHUB_TOKEN__/${{ secrets.HEXO_DEPLOY_TOKEN }}/" _config.yml
- name: THEME_INSTALL
run: |
git submodule update --init --remote --recursive
- name: NPM_INSTALL
run: npm install
- name: HEXO_CLEAN
run: hexo clean
- name: HEXO_GENERATE
run: hexo generate
- name: WORKBOX_BUILD
run: workbox injectManifest
- name: HEXO_DEPLOY
run: hexo deploy
secrets.GITHUB_TOKEN 은 예약된 토큰이다.
빌드 이미지에서 현재 repo를 접근하기 위한 토큰임을 알아두자.
travis-ci 안녕
페이지를 가져온 뒤 css, image, font를 차단하면 더 빠른 DOM 액세스가 가능하다.
// @types/puppeteer
import { launch, Browser, Request, Page } from "puppeteer";
const browser: Browser = await launch({
headless: true,
});
const page: Page = await browser.newPage();
await page.setRequestInterception(true);
page.on("request", (req: Request) => {
switch (req.resourceType()) {
case "stylesheet":
case "font":
case "image":
req.abort();
break;
default:
req.continue();
break;
}
});
await page.goto("URL");
net::ERR_ABORTED 페이지가 보인다는 버그가 들어오기 시작했다.
=== 어드벤티지 없음Chrome 75.0.3770.67 ~ 75.0.3770.101 버전의 모든 안드로이드 웹뷰에서 서비스워커 설치를 차단, 이미 설치가 되어있다면 삭제
This is affecting tens of thousands of our readers 로 보아 나와 같은 빡침이 느껴져서 아련했다.맥에서 구글 계정 연동 중에 Google 계정 인증에 실패했다는 오류메세지가 나온다면 다음과 같이 해결하면 된다.
설정 > 일반 > 기본 웹브라우저를 Safari.app으로 변경한다.
구글링시 아래 기능들을 해제해보라는데 다 쓸모없다.
타임존 데이터는 php의 버전을 따라 올라가는데, 실무에선 항상 최신버전을 사용하기 쉽지 않다. 그럴 때 데이터만 업데이트하는 방법을 쓸 수 있다.
2019.06 현재 최신 타임존 데이터베이스는 2019a (2019.01) 버전이다.
perl로 설치되는 일반적인 경우는 아래와 같이 쉽게 설치 가능하다.
## perl 로 설치
$ perl install timezonedb
## 끝!
그렇지 않은 경우 라이브러리를 수동으로 빌드해줘야한다.
## 타임존 데이터 다운로드
$ curl -LO https://pecl.php.net/get/timezonedb-2019.1.tgz
## 압축 해제
$ tar -xvzf timezonedb-2019.1.tgz
$ cd timezonedb-2019.1
## 빌드
$ phpize
$ ./configure --with-php-config=${PHP_CONFIG_PATH}
$ make && make install
## 라이브러리를 extensions 폴더로 이동
$ mv timezonedb.so /usr/local/php/extentions
## 라이브러리 추가
$ vi php.ini
$ extension=timezonedb.so
## 아파치 재시작
$ apachectl restart
## 버전 확인
$ /usr/bin/php -r "echo timezone_version_get();"
2019.01
usb 디버깅 승인 후 chrome://inspect#devices 탭에 접근하면 기기가 보이면서 디버깅이 가능해야하는데,
그렇지 못한 경우에 아래처럼 진행해주면 된다.
먼저 usb 디버깅 권한을 모두 초기화하고 다시 연결한다.
## 디버깅 서버를 죽인 후 다시 실행한다.
$ adb kill-server
$ adb usb
개발자도구의 More tools > Remote devices의 목록에서 확인할 수 있다.