{"id":26682671,"url":"https://github.com/seonhyungjo/frontend-note","last_synced_at":"2025-04-12T13:51:39.885Z","repository":{"id":97953432,"uuid":"148019990","full_name":"SeonHyungJo/FrontEnd-Note","owner":"SeonHyungJo","description":"FrontEnd Knowledge Package 📦","archived":false,"fork":false,"pushed_at":"2020-10-10T13:26:29.000Z","size":5697,"stargazers_count":20,"open_issues_count":10,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-26T08:34:33.375Z","etag":null,"topics":["css","ecmascript","es3","es5","es6","fe-dev","frond","frontend-dev","functional","html","html5","javascript","knowledge","pattern","performance","prototype","security","vue","web-component"],"latest_commit_sha":null,"homepage":"https://snyung.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SeonHyungJo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"Security/CORS(Cross-Origin Resource Sharing).md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-09T11:44:21.000Z","updated_at":"2024-12-08T05:28:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"b2a79c75-c992-49fc-9d77-fa492d82c901","html_url":"https://github.com/SeonHyungJo/FrontEnd-Note","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2FFrontEnd-Note","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2FFrontEnd-Note/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2FFrontEnd-Note/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2FFrontEnd-Note/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SeonHyungJo","download_url":"https://codeload.github.com/SeonHyungJo/FrontEnd-Note/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248575754,"owners_count":21127267,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","ecmascript","es3","es5","es6","fe-dev","frond","frontend-dev","functional","html","html5","javascript","knowledge","pattern","performance","prototype","security","vue","web-component"],"created_at":"2025-03-26T08:27:48.964Z","updated_at":"2025-04-12T13:51:39.880Z","avatar_url":"https://github.com/SeonHyungJo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FE-Dev-Note\n\nSpace for making up Frond-End knowledge\n\n~~Chapter1 I'm beginner~~\n\n~~Chapter1.5 I'm Ambiguous steps~~\n\n**Chapter2 Arrangement**\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch2\u003e🎉Created Javascript Book🎉\u003c/h2\u003e\n  \u003cstrong\u003eJS을 배울 수 있는 Book을 만들었어요\u003c/strong\u003e\n\n  \u003ch5\u003e\n    \u003ca href=\"https://seonhyungjo.github.io/Javascript-Book/\"\u003eRead the Book\u003c/a\u003e\n    \u003cspan\u003e | \u003c/span\u003e\n    \u003ca href=\"http://snyung.com/\"\u003eGo to Blog\u003c/a\u003e\n  \u003c/h5\u003e\n\n  \u003csub\u003eBuilt with [sNyung](https://github.com/SeonHyungJo/)\u003c/sub\u003e\n\u003c/div\u003e\n\n---\n\n## Contents\n\n### How to use MarkDown\n\n- [MarkDown Cheat Sheet](https://github.com/SeonHyungJo/How-to-use-MarkDown)\n \n### Browser\n\n- [웹 브라우저 작동 원리](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)\n- [브라우저 내부 살펴보기](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/브라우저_내부_살펴보기.md)\n- [하드웨어 가속화](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)\n- [Storage \u0026 Cookie](https://github.com/SeonHyungJo/FE-Dev-Note/blob/master/Browser/Storage\u0026Cookie.md)\n- [IndexedDB \u0026 WebSQL](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/IndexedDB\u0026WebSQL.md)\n- [EventLoop](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/EventLoop.md)\n- [EventLoop_Advanced](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/EventLoop_Advanced.md)\n- [Reflow \u0026 Repaint](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/Reflow%26Repaint.md)\n- [표준모드 vs 쿽스모드](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Browser/Standard%26QuirksMode.md)\n\n### Concept\n\n- [Cross Cutting](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Concept/Cross-Cutting.md)\n\n\n### Conf\n\n- [JSConf2019](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Conf/JSConf2019.md)\n- [FEconf2017-RxJS](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Conf/FEconf2017-RxJS.md)\n\n### Design_Pattern\n\n- [Adapter_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Adapter.md)\n- [Factory_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Factory.md)\n- [MVC MVP MVVM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/MVC_MVP_MVVM.md)\n- [Promise_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Promise_pattern.md)\n- [Singleton_pattern](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Design_Pattern/Singleton.md)\n\n### ECMA2015(ES6)\n\n- [Arrow-Function](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Arrow-Function.md)\n- [Async-Await](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Async-Await.md)\n- [Binary \u0026 Octal Literals](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Binary\u0026Octal_Literals.md)\n- [Block Scope : let, const](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Block_Scope(Let%2C%20Const).md)\n- [Classes](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Classes.md)\n- [Destructuring](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Destructuring.md)\n- [Fat_Arrows](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Fat_Arrows.md)\n- [Modules](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Modules.md)\n- [Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Object.md)\n- [Promise 1](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Promise_1.md)\n- [Promise 2](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Promise_2.md)\n- [Set](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Set.md)\n- [Spread_Operator](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Spread_Operator.md)\n- [Spread](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Spread.md)\n- [Template String ``](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/ES6/Template_String(BackTick).md)\n\n### Functional Programming\n\n- Version2 [Functinonal Programming](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Functional_Programming)\n- [Currying](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Functional_Programming/Currying.md)\n- [Functional setState](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Functional_Programming/setState.md)\n\n### HTML\n\n- [ARIA](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/ARIA.md)\n- [Head Meta](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/Head_Meta.md)\n- [HTTPS](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/HTTPS.md)\n- [TabIndex](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/TabIndex.md)\n- [prefetch\u0026preload](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/HTML/preload%26prefetch.md)\n\n### JavaScript\n\n- [JavaScript](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript)\n- [Array_like_Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Array_like_Object.md)\n- [CallBack Hell](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/CallBack_Hell.md)\n- [Call By Reference](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/CallByReference.md)\n- [Control_CSSOM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Control_CSSOM.md)\n- [Dont use delete](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Dont_use_delete.md)\n- [ECMAScript_2019](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/ECMAScript_2019.md)\n- [Event Delegation](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Event%20Delegation.md)\n- [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)\n- [Javascript BuildTool](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Javascript_BuildTool.md)\n- [Javascript_Number_Type.md](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Javascript_Number_Type.md)\n- [Mouse Event](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Mouse_Event.md)\n- [NPX](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/NPX.md)\n- [Object 생성자는 사용하지 말자](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Problem_of_new_Object.md)\n- [Proxy](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Javascript/Proxy.md)\n- [StateManagement](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/StateManagement.md)\n- [Strict_Mode](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Strict_Mode.md)\n- [Throttle and Debounce](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/Throttle_and_Debounce.md)\n- [WebWorker(간단하게 예제)](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/WebWorker.md)\n- [window.histroy](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/window.history.md)\n- [worklet](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Javascript/worklet.md)\n\n### Language\n\n- [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)\n- [Script Language](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Language/Script-Language.md)\n\n### Module\n\n- [Lexical deceit](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Lexical_deceit.md)\n- [Module](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Module.md)\n- [Bundler History](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Module/Bundler_History.md)\n\n### Node\n\n- [Stream](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Node/Stream.md)\n\n### Performance\n\n- [기본적인 렌더링 최적화 방법](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)\n- [performance](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Performance)\n- [점진적향상 우아한하향](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)\n- [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)\n- [Memoization](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Performance/Memoization.md)\n\n### Reactive\n\n- [Reactive](https://github.com/SeonHyungJo/FrontEnd-Dev/tree/master/Reactive)\n\n### Security\n\n- [리만가설과 소수정리](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)\n- [CORS(Cross-Origin Resource Sharing)](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Security/CORS(Cross-Origin%20Resource%20Sharing).md)\n- [XSS와 CSRF](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Security/XSS%EC%99%80%20CSRF.md)\n\n### TypeScript\n\n- [About_Typscript](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DAbout_Typscript.md)\n- [Type_Alias](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Alias.md)\n- [Type_Array Tuple](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_ArrayTuple.md)\n- [Type_Basic](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Basic.md)\n- [Type_Function](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Function.md)\n- [Type_Object](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/TypeScript/%5BTS%5DType_Object.md)\n\n### Vue\n\n- [Vue LifeCycle](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Vue/Vue_LifeCycle.md)\n\n### Web Component\n\n- [웹 컴포넌트란 무엇인가?](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_1.md)\n- [HTML templates](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_2.md)\n- [Creating a Custom element](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_3.md)\n- [Encapsulating Style and Structure with Shadow DOM](https://github.com/SeonHyungJo/FrontEnd-Dev/blob/master/Web/Web_Components_4.md)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseonhyungjo%2Ffrontend-note","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseonhyungjo%2Ffrontend-note","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseonhyungjo%2Ffrontend-note/lists"}