seung-00 / til-2021

Today I Learned

TIL (2021)

A collection of concise write-ups on small things I learn day to day across a variety of languages and technologies.

Today I Learned. inspired by jbranchaud/til. all the docs were written in the Notion. If you have any questions or issues, please leave a comment on notion or email.

오늘 공부한 것들을 간단하게 정리합니다. jbranchaud/til 를 참고했습니다. 모든 문서들은 노션에서 작성했습니다. 문제 사항이나 의견 있으시다면 노션에 코멘트나 이메일 남겨주시길 바랍니다.

---

Categories

• TIL
  • Computer Architecture
  • Operating System
  • Computer Network
  • Algorithm
  • Database
  • Software Engineering
  • Web
  • Security
  • Javascript
  • TypeScript
  • Node.js
  • React
  • Linux
  • Docker
  • Git
  • CI/CD

---

Computer Architecture

• Performance
• ISA #1
• ISA #2
• ISA #3
• ISA #4
• Single-Cycle Processor

---

Operating System

• 공룡책 정리
• Kernel of Linux 강의 정리
• Thread vs Process

---

Computer Network

• 네트워크 관련 용어
• Socket Interface
• port forwarding
• TCP
• ARP
• OSI 7 Layer, Physical Layer
• OSI 7 Layer, Data Link Layer

---

Algorithm

• Dynamic Programming
• 조합 (Combination)
• Two Pointer
• Union-Find
• knapsack problem
• Dijkstra

---

Database

• ERD
• 정규화 #1
• 정규화 #2
• 정규화 #3
• JOIN
• 실습: 캐글 데이터 활용
• sql 코테 대비

---

Software Engineering

• TDD(Test Driven Development)
• Observer Pattern
• Dependency Injection

---

Web

• Critical Rendering Path 1
• Critical Rendering Path 2
• REST API
• 그런 REST API로 괜찮은가
• SOP와 CORS
• SPA
• CSR과 SSR
• 데이터 전송 간략한 역사
• 쿠키, 세션, 웹 스토리지
• Web Server, Web Application Server
• API 보안, OAuth

---

Security

• 대칭키, 비대칭키 암호화
• HTTPS
• SQL Injection, XSS

---

Javascript

• this
• 생성자 함수
• Prototype
• var, let, const
• scope
• hoisting
• JS 컴파일 과정
• closure
• spread 와 rest
• 얕은 복사, 깊은 복사
• Big O with JS
• PS with JS
• JS 엔진과 동기, 비동기
• 비동기성과 Callback 패턴
• Promise
• Debouncing vs Throttling
• Intersection Observer API
• 이벤트 버블링과 event.currentTarget

---

TypeScript

• 개요
• Type
• Interface
• Functional Type
• Enum Type
• Generic

---

Node.js

• http (built-in module)
• Express Route

---

React

• 리액트란?
• 웹팩, 바벨 개념
• createElement, JSX
• React의 element가 렌더링되는 방식
• Element→Component→State

---

Linux

• ubuntu server wifi 연결
• commands

---

Docker

• 클라우드 컴퓨팅의 정의
• 가상화란?, VM과 Container
• Docker Introduction
• Docker Tutoria1
• Docker Tutoria2
• Docker Compose
• Docker Storage
• api, db container 연동

---

Git

• Git basic
• logs for better commit
• Git workflow log

---

CI/CD

• CI/CD Concept
• GitHub Actions Docs (Introduction to GitHub Actions)
• GitHub Actions Docs (Finding and customizing actions)
• GitGub Action으로 React Build
• GitHub Action으로 Docker Image build & push