FE-Dev-Note

Space for making up Frond-End knowledge

~~Chapter1 I'm beginner~~

~~Chapter1.5 I'm Ambiguous steps~~

Chapter2 Arrangement

Contents

How to use MarkDown

• MarkDown Cheat Sheet

Browser

• 웹 브라우저 작동 원리
• 브라우저 내부 살펴보기
• 하드웨어 가속화
• Storage & Cookie
• IndexedDB & WebSQL
• EventLoop
• EventLoop_Advanced
• Reflow & Repaint
• 표준모드 vs 쿽스모드

Concept

• Cross Cutting

Conf

• JSConf2019
• FEconf2017-RxJS

Design_Pattern

• Adapter_pattern
• Factory_pattern
• MVC MVP MVVM
• Promise_pattern
• Singleton_pattern

ECMA2015(ES6)

• Arrow-Function
• Async-Await
• Binary & Octal Literals
• Block Scope : let, const
• Classes
• Destructuring
• Fat_Arrows
• Modules
• Object
• Promise 1
• Promise 2
• Set
• Spread_Operator
• Spread
• Template String ``

Functional Programming

• Version2 Functinonal Programming
• Currying
• Functional setState

HTML

• ARIA
• Head Meta
• HTTPS
• TabIndex
• prefetch&preload

JavaScript

• JavaScript
• Array_like_Object
• CallBack Hell
• Call By Reference
• Control_CSSOM
• Dont use delete
• ECMAScript_2019
• Event Delegation
• Javascript 메모리관리(가비지 컬렉션)
• Javascript BuildTool
• Javascript_Number_Type.md
• Mouse Event
• NPX
• Object 생성자는 사용하지 말자
• Proxy
• StateManagement
• Strict_Mode
• Throttle and Debounce
• WebWorker(간단하게 예제)
• window.histroy
• worklet

Language

• OOP
• Script Language

Module

• Lexical deceit
• Module
• Bundler History

Node

• Stream

Performance

• 기본적인 렌더링 최적화 방법
• performance
• 점진적향상 우아한하향
• CSS 애니메이션 vs JS 애니메이션
• Memoization

Reactive

• Reactive

Security

• 리만가설과 소수정리
• CORS(Cross-Origin Resource Sharing)
• XSS와 CSRF

TypeScript

• About_Typscript
• Type_Alias
• Type_Array Tuple
• Type_Basic
• Type_Function
• Type_Object

Vue

• Vue LifeCycle

Web Component

• 웹 컴포넌트란 무엇인가?
• HTML templates
• Creating a Custom element
• Encapsulating Style and Structure with Shadow DOM