- 전체보기(46)
- typescript(10)
- 타입스크립트(10)
- JavaScript(9)
- reminder(4)
- http(3)
- 네트워크(3)
- network(3)
- Shopify(2)
- Performance(2)
- React(2)
- 알고리즘(2)
- 회고(2)
- project(2)
- security(2)
- Reflection(2)
- 프로젝트(2)
- 이커머스(2)
- 쇼피파이(2)
- django(1)
- Image Optimization(1)
- Hotair(1)
- 브라우저(1)
- 전송계층(1)
- 리덕스(1)
- GEC(1)
- call stack(1)
- MPA(1)
- lexical environment(1)
- csrf(1)
- ajax(1)
- event loop(1)
- 비동기(1)
- FEC(1)
- graphql(1)
- team(1)
- Render-blocking(1)
- tcp(1)
- ide(1)
- hoisting(1)
- 자바스크립트(1)
- UDP(1)
- https(1)
- 속도(1)
- REST API(1)
- const(1)
- let(1)
- var(1)
- foreach(1)
- 면접질문(1)
- async/await(1)
- 이벤트위임(1)
- context(1)
- cd(1)
- this(1)
- 코드스테이츠(1)
- rtk(1)
- event bubbling(1)
- CSR(1)
- SSR(1)
- variable environment(1)
- 렌더링 차단 리소스(1)
- spa(1)
- Leader(1)
- cookie(1)
- event delegation(1)
- 랜더링(1)
- full-stack(1)
- rendering(1)
- redux(1)
- data structure(1)
- speed(1)
- vscode(1)
- session(1)
- event capturing(1)
- scope(1)
- ci(1)
- cors(1)
- transport layer(1)
- 자료구조(1)
- 이벤트루프(1)
- OOP(1)
- cookies(1)
- Same Origin Policy(1)
- browser(1)
- heap(1)
VS Code: 맥북에서 편리한 쇼컷 / 기능들
1. 파일 이름으로 찾기 및 이동하기 cmd + p 2. 사이드바 열기/닫기 cmd + b 3. 터미널 열기 cmd + j cmd + ` 4. 멀티 커서 선택 및 편집하기 option + 클릭, 편집하기 5. 찾기 기능 cmd + f cmd + f, option + cmd + r : Regular expression으로 찾기 6. 찾기 후 일치하는 내용 ...
Practicing Typescript: Polymorphic components
Use polymorphic components to build a design system or component library
Practicing Typescript: Extracting a Components Prop Types
Reuse the types from an existing component
Practicing Typescript: Wrap HTML Elements
Create custom components by adding typesUse omit keyword to take type and remove the specified properties.
Practicing Typescript: Template literals and Exclude
Using tempalte literals to create many strings by making use of unions.
Practicing Typescript: React Hooks props
React Hooks props useState useReducer useContext useContext future value useRef
Practicing Typescript: Advanced Props
Advanced Props Union of string literals Children props Children as react component node Optional type
Practicing Typescript: Basic Props
- Provides static type checking and get to learn about potential bugs as one is typing the code without the need to detect the bugs at runtime.
커머스 사이트 속도 개선: 렌더링 차단 리소스 제거
FCP(First Contentful Paint)를 차단하는 모든 URL들이다. 목표는, 중요하지 않은 리소스를 지연하며 사용되지 않는 모든 리소스를 제거하여 이러한 렌더링 차단 URL의 영향을 줄이면서 페이지의 렌더링 속도를 개선하는 것이다.
