본문 바로가기

전체 글376

You're one of a kind 더보기 너 참 독특하다 우리도 특이한 사람들을 별종이라 하며 마치 다른 종류의 사람인 것처럼 얘기하는 것과 비슷 부정적 / 긍정적으로 모두 사용 가능 https://youtu.be/TqJK5SK93vk?si=TpWsuZhhfDNuWI5G 2024. 2. 22.
[Typescript] Branded type 개념 값이 사용되기 전에 특정 기준을 충족하는 지 확인함으로써 컴파일 오류를 발생시켜 조기에 파악하는 데 도움이 됨 입력의 유효성을 검사하는 Assertion 함수와 같이 사용할 때 유용 생성 방법 기존 타입에 readonly 속성을 추가한다. 보통 readonly 속성은 '__brand', '__kind', '__type' 으로 이름 짓는다. type PositiveNumber = number & { __brand: 'PositiveNumber' }; function divide(a: number, b: PositiveNumber) { return a / b; } const x: PositiveNumber = 10; // Error: 'number' is not assignable to 'Positiv.. 2024. 2. 21.
Talk is cheap 더보기 말은 쉽지 행동하지 않고 말만 하는 친구들에게.. https://www.youtube.com/shorts/c-u-LhocNZ4 2024. 2. 21.
Just wing it 더보기 그냥 대충 해. 특별한 계획 없이 즉흥적으로, 중요하지 않으니 설렁설렁하자는 뜻일 수도 https://www.youtube.com/watch?v=fVPf2Ww2siI 2024. 2. 21.
JS 빌드 툴과 SWC Babel 트랜스파일러, 유사한 두 언어 사이에서 변환 최신 자바스크립트 문법으로 작성된 코드를 구버전 브라우저에서도 이해할 수 있는 수준의 오래된 자바스크립트 코드로 변환해 줌 Terser webpack에서도 v4 이후부터 사용 parser, mangler, 그리고 compresser mangler 소스코드에 존재하는 네이밍들을 의미 없는 문자로 변경 compressor 분석 후 더 짧은 코드를 통해 동일한 기능을 구현 SWC Babel 대비 17배, Terser 대비 7배 빨라졌다고 함 이유: rust 기반 (LLVM도구 사용, 가비지 컬렉션하지 않음, 병렬처리 등등) gnomon 빌드 속도 측정 npm run build | gnomon --type=elapsed-total https://fe-dev.. 2024. 2. 15.
[Web] CSS를 어떻게 작성해야 할까? CSS.. 쉽지만 쉽지 않은 순간이 있고, 어려울땐 한없이 어려운 CSS 작성방법 - CSS 파일에 작성 - CSS-in-JS - Utility-First 등등 기존 CSS 작성 시 문제점 - Global namespace: 모든 스타일을 global에 선언하기 때문에 별도의 class 네이밍 규칙을 적용해야함 ex) BEM - Dependencies: 하나의 element에 여러 CSS룰이 적용되기 때문에 모든 스타일을 개발자가 기억해야 하는 문제 - Dead Code Elimination: CSS가 JS와 분리되어 관리되기 때문에 기능 변경에 따른 동기화 문제 발생 - Minification: 중복 제거를 위해 긴 클래스 이름 사용해 문서 사이즈 커질 수 있음 - Sharing Constants: C.. 2024. 2. 14.

티스토리툴바