2022-09-02
TODO
- notes.younho9.com
- update Related on pre-commit
- Nuxt 3 시도해보기
- Volar
- Migration Guide
- from Nuxt 2 to Nuxt 3
- Vue 2에서 Vue 3로 전환, Composition API &
<script setup>
을 기본적으로 포함 - webpack 4 & Babel에서 Vite or webpack 5 and esbuild로 전환
- 런타임 Nuxt 의존성을 최소화함. nitropack으로 독립적으로 실행되는 컴파일된 서버
- Vue 2에서 Vue 3로 전환, Composition API &
- from Nuxt 2 to Nuxt Bridge
- Nuxt Bridge는 Nuxt 3와 동일한 기능을 제공하지만 몇 가지 제한 사항이 있다.
useAsyncData
/useFetch
Composable을 사용할 수 없다.- 2 / 3 사이의 브릿지이다 보니 설정이 복잡한 느낌.
- Nuxt Bridge는 Nuxt 3와 동일한 기능을 제공하지만 몇 가지 제한 사항이 있다.
- from Nuxt 2 to Nuxt 3
Learning
Use async await with Array.map
jsconst arr = [1, 2, 3, 4, 5]; function timeout(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); } async function multiplyWithTimeout(number, ms) { await timeout(ms); return number * 2; } const results = await Promise.all( arr.map((item) => multiplyWithTimeout(item)), );
const arr = [1, 2, 3, 4, 5]; function timeout(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); } async function multiplyWithTimeout(number, ms) { await timeout(ms); return number * 2; } const results = await Promise.all( arr.map((item) => multiplyWithTimeout(item)), );
white-space
속성 #css - Live Sample
개행 문자 | 스페이스, 탭 | 자동 줄 바꿈 | 줄 끝의 공백 | |
---|---|---|---|---|
normal | 병합 | 병합 | 예 | 제거 |
nowrap | 병합 | 병합 | 아니오 | 제거 |
pre | 유지 | 유지 | 아니오 | 유지 |
pre-wrap | 유지 | 유지 | 예 | 넘침 |
pre-line | 유지 | 병합 | 예 | 제거 |
break-spaces | 유지 | 유지 | 예 | 줄 바꿈 |
Node.js 버전 정책 #nodejs
- Releases | Node.js (nodejs.org)
- Major Node.js 버전은 최초 릴리즈부터 6개월 동안 Current 상태에 들어간다.
- 6개월이 지나면, 홀수 버전(9, 11, etc.)은 지원되지 않고, 짝수 버전(10, 12, etc.)이 Active LTS 상태, 일반적 사용 준비 상태로 이동한다.
- LTS는 30개월 동안 치명적 버그의 수정을 보장하는 버전이다.
- 프로덕션 앱은 반드시 Active LTS 또는 Maintenance LTS를 사용해야 한다.
- Node.js 릴리스 라인 작동 방식 이해 - NodeSource
Reading
- 일 잘하는 사람은 단순하게 말합니다 ~44p
- Part 1. 단순하게 소통하다
- Intro
- 일의 언어는 일상의 언어와 다르다 - 정확성이 기준
- 정확한 소통의 세 가지 요소
- 상대방 중심
- 단순한 형태
- 약간의 말 센스
- 보고의 언어
- 단순하고 명확하게 이야기하세요.
- 상대방의 WHY를 이야기하세요.
- Intro
- Part 1. 단순하게 소통하다