If you can`t explain it simply, you don`t understand it well enough.
- Albert Einstein (1879 - 1955)

Tech Note

남에게 쉽게 설명할 수 있어야 저의 진짜 지식이라 생각합니다. 공부한 내용들을 아카이빙하는 레포입니다.

• 코드는 JS 기반입니다.
• 아래 인덱스에서 원하시는 페이지로 이동 가능합니다.

INDEX

👨‍💻 Dev

• 프론트엔드의 아키텍쳐?
• CI/CD 이란?
• JWT (JSON Web Token)
• 번들러(Bundler)란?
• OAuth란?
• SOLID원칙이란?
• 횡단 관심사(Cross-Cutting Concerns)
• MFA (Micro Frontend Architecture)

🌏 Web

• 웹 표준(Web Standards)이란?
• 웹 접근성(Web Accessibility)이란?
• 반응형 vs 적응형
• Web Security
• PWA
• Cookies vs Session Storage vs Local Storage
• 브라우저 렌더링 원리
• 크로스 브라우징(Cross-Browsing)
• SSR vs CSR vs SSG vs ISR

🏗 HTML/CSS

• Doctype 이란?
• float를 clear하는 방법
• CSS 방법론이란?
• CSS Box Model
• 시맨틱 태그(Semantic tags)

📝 JavaScript

• Node.js란?
• this가 자바스크립트에서 어떻게 작동하는가?
• hoisting 이란?
• Event Loop 이란?
• 분해할당 이란?
• AJAX 란?
• 실행 컨텍스트란?
• 클로저란?
• 불변객체란?
• 메모리 누수 (Memory Leak)
• 이벤트 위임(Event Delegation)
• 이벤트 버블링(Bubbling)과 캡처링(Capturing)
• ESM vs CJS

🧪 React

• 제어 vs 비제어 컴포넌트
• React LifeCycle(생명주기)
• 리액트에서 Key의 역할
• Fiber
• 리액트에서의 SEO 최적화
• 리액트의 불변성
• StrictMode와 Concurrent Rendering

🌐 Network

• OSI 7 Layer & TCP/IP 4 Layer?
• HTTP & HTTPS
• CDN이란?
• REST API란?
• HTTP 1.1 vs HTTP 2.0 vs HTTP 3.0
• 주소창에 www.naver.com을 입력하면 생기는 일
• GraphQL

💾 Data Structure

• Linked-list
• Doubly-linked-list
• Hash-table
• Queue
• Stack
• Tree
• Graph
• Heap
• Trie
• Binary Search

💡 Algorithm

• 빅 오(Big O) 표기법
• Permuation(순열)과 Combination(조합)
• 선택 정렬(Selection Sort)
• 버블 정렬(Bubble Sort)
• 병합 정렬(Merge Sort)
• 삽입 정렬(Insertion Sort)
• 퀵 정렬(Quick Sort)
• 힙 정렬(Heap Sort)
• BFS & DFS
• 유클리드 호제법(Euclidean Algorithm)
• Dynamic Programming
• Greedy Algorithm
• 소수찾기
• 트리 순회

🖥️ Computer

• Process & Thread
• Cloud (클라우드 컴퓨팅)
• Linux System

🏠 Database

• 데이터베이스 용어정리

Usage

npm run write -- "{{folderName}}/{{fileName}}"

# npm run write -- "network/HTTP vs HTTPS"

위 명령어로 해당 경로에 새 노트를 생성할 수 있습니다. (./network/HTTP vs HTTPS.md)

License

MIT License

Copyright (c) 2023 Ji-Heon Park

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.