https://github.com/seonhyungjo/frontend-note

FrontEnd Knowledge Package 📦
https://github.com/seonhyungjo/frontend-note

css ecmascript es3 es5 es6 fe-dev frond frontend-dev functional html html5 javascript knowledge pattern performance prototype security vue web-component

Last synced: 2 months ago
JSON representation

FrontEnd Knowledge Package 📦

Host: GitHub
URL: https://github.com/seonhyungjo/frontend-note
Owner: SeonHyungJo
License: mit
Created: 2018-09-09T11:44:21.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2020-10-10T13:26:29.000Z (over 4 years ago)
Last Synced: 2025-03-26T08:34:33.375Z (3 months ago)
Topics: css, ecmascript, es3, es5, es6, fe-dev, frond, frontend-dev, functional, html, html5, javascript, knowledge, pattern, performance, prototype, security, vue, web-component
Language: HTML
Homepage: https://snyung.com
Size: 5.43 MB
Stars: 20
Watchers: 3
Forks: 3
Open Issues: 10
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: Security/CORS(Cross-Origin Resource Sharing).md

Awesome Lists containing this project

README

        # FE-Dev-Note

Space for making up Frond-End knowledge

~~Chapter1 I'm beginner~~

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

**Chapter2 Arrangement**

---



  🎉Created Javascript Book🎉

  JS을 배울 수 있는 Book을 만들었어요

  


    Read the Book

     | 

    Go to Blog

  


  _{Built with [sNyung](https://github.com/SeonHyungJo/)}



---

## Contents

### How to use MarkDown

- [MarkDown Cheat Sheet](https://github.com/SeonHyungJo/How-to-use-MarkDown)

 

### Browser

- [웹 브라우저 작동 원리](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%9E%91%EB%8F%99_%EC%9B%90%EB%A6%AC.md)

- [브라우저 내부 살펴보기](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/브라우저_내부_살펴보기.md)

- [하드웨어 가속화](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/%ED%95%98%EB%93%9C%EC%9B%A8%EC%96%B4_%EA%B0%80%EC%86%8D%ED%99%94.md)

- [Storage & Cookie](https://github.com/SeonHyungJo/FE-Dev-Note/blob/master/Browser/Storage&Cookie.md)

- [IndexedDB & WebSQL](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/IndexedDB&WebSQL.md)

- [EventLoop](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/EventLoop.md)

- [EventLoop_Advanced](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/EventLoop_Advanced.md)

- [Reflow & Repaint](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/Reflow%26Repaint.md)

- [표준모드 vs 쿽스모드](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/Standard%26QuirksMode.md)

### Concept

- [Cross Cutting](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Concept/Cross-Cutting.md)

### Conf

- [JSConf2019](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Conf/JSConf2019.md)

- [FEconf2017-RxJS](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Conf/FEconf2017-RxJS.md)

### Design_Pattern

- [Adapter_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Adapter.md)

- [Factory_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Factory.md)

- [MVC MVP MVVM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/MVC_MVP_MVVM.md)

- [Promise_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Promise_pattern.md)

- [Singleton_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Singleton.md)

### ECMA2015(ES6)

- [Arrow-Function](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Arrow-Function.md)

- [Async-Await](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Async-Await.md)

- [Binary & Octal Literals](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Binary&Octal_Literals.md)

- [Block Scope : let, const](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Block_Scope(Let%2C%20Const).md)

- [Classes](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Classes.md)

- [Destructuring](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Destructuring.md)

- [Fat_Arrows](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Fat_Arrows.md)

- [Modules](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Modules.md)

- [Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Object.md)

- [Promise 1](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Promise_1.md)

- [Promise 2](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Promise_2.md)

- [Set](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Set.md)

- [Spread_Operator](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Spread_Operator.md)

- [Spread](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Spread.md)

- [Template String ``](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Template_String(BackTick).md)

### Functional Programming

- Version2 [Functinonal Programming](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Functional_Programming)

- [Currying](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Functional_Programming/Currying.md)

- [Functional setState](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Functional_Programming/setState.md)

### HTML

- [ARIA](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/ARIA.md)

- [Head Meta](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/Head_Meta.md)

- [HTTPS](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/HTTPS.md)

- [TabIndex](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/TabIndex.md)

- [prefetch&preload](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/preload%26prefetch.md)

### JavaScript

- [JavaScript](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript)

- [Array_like_Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Array_like_Object.md)

- [CallBack Hell](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/CallBack_Hell.md)

- [Call By Reference](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/CallByReference.md)

- [Control_CSSOM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Control_CSSOM.md)

- [Dont use delete](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Dont_use_delete.md)

- [ECMAScript_2019](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/ECMAScript_2019.md)

- [Event Delegation](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Event%20Delegation.md)

- [Javascript 메모리관리(가비지 컬렉션)](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Javascript_%EB%A9%94%EB%AA%A8%EB%A6%AC%EA%B4%80%EB%A6%AC.md)

- [Javascript BuildTool](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Javascript_BuildTool.md)

- [Javascript_Number_Type.md](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Javascript_Number_Type.md)

- [Mouse Event](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Mouse_Event.md)

- [NPX](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/NPX.md)

- [Object 생성자는 사용하지 말자](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Problem_of_new_Object.md)

- [Proxy](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Javascript/Proxy.md)

- [StateManagement](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/StateManagement.md)

- [Strict_Mode](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Strict_Mode.md)

- [Throttle and Debounce](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Throttle_and_Debounce.md)

- [WebWorker(간단하게 예제)](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/WebWorker.md)

- [window.histroy](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/window.history.md)

- [worklet](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/worklet.md)

### Language

- [OOP](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Language/%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5%20%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D(OOP).md)

- [Script Language](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Language/Script-Language.md)

### Module

- [Lexical deceit](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Lexical_deceit.md)

- [Module](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Module.md)

- [Bundler History](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Bundler_History.md)

### Node

- [Stream](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Node/Stream.md)

### Performance

- [기본적인 렌더링 최적화 방법](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Performance/%EA%B8%B0%EB%B3%B8%EC%A0%81%EC%9D%B8%20%EB%A0%8C%EB%8D%94%EB%A7%81%20%EC%B5%9C%EC%A0%81%ED%99%94%20%EB%B0%A9%EB%B2%95.md)

- [performance](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Performance)

- [점진적향상 우아한하향](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Performance/%EC%A0%90%EC%A7%84%EC%A0%81%ED%96%A5%EC%83%81_%EC%9A%B0%EC%95%84%ED%95%9C%ED%95%98%ED%96%A5.md)

- [CSS 애니메이션 vs JS 애니메이션](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Performance/CSS%20%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98%20vs%20JS%20%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98.md)

- [Memoization](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Performance/Memoization.md)

### Reactive

- [Reactive](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Reactive)

### Security

- [리만가설과 소수정리](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Security/%EB%A6%AC%EB%A7%8C%EA%B0%80%EC%84%A4%EA%B3%BC%20%EC%86%8C%EC%88%98%EC%A0%95%EB%A6%AC.md)

- [CORS(Cross-Origin Resource Sharing)](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Security/CORS(Cross-Origin%20Resource%20Sharing).md)

- [XSS와 CSRF](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Security/XSS%EC%99%80%20CSRF.md)

### TypeScript

- [About_Typscript](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DAbout_Typscript.md)

- [Type_Alias](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Alias.md)

- [Type_Array Tuple](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_ArrayTuple.md)

- [Type_Basic](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Basic.md)

- [Type_Function](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Function.md)

- [Type_Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Object.md)

### Vue

- [Vue LifeCycle](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Vue/Vue_LifeCycle.md)

### Web Component

- [웹 컴포넌트란 무엇인가?](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_1.md)

- [HTML templates](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_2.md)

- [Creating a Custom element](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_3.md)

- [Encapsulating Style and Structure with Shadow DOM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_4.md)

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/seonhyungjo/frontend-note

Awesome Lists containing this project

README

🎉Created Javascript Book🎉

Read the Book
|
Go to Blog

https://github.com/seonhyungjo/frontend-note

Awesome Lists containing this project

README

🎉Created Javascript Book🎉

Read the Book | Go to Blog

Read the Book
|
Go to Blog