An open API service indexing awesome lists of open source software.

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 ๐Ÿ“ฆ

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)