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)