공부노트📚

• 알고리즘 풀이는 요기😙
• 👩🏻‍🌾 Glossary

💫 Computer Science

운영체제

• 운영체제 개념, 운영체제 구조
• 프로세스와 쓰레드
• IPC(Interprocess Communication)
• IPC 통신 방법 (Socket과 RPC)
• 멀티 쓰레드
• 프로세스 동기화
• 뮤텍스와 세마포어
• 동시성 제어의 고전적 문제들

네트워크

• OSI 7계층
• CORS
• TCP/UDP
• HTTP
• HTTP 와 HTTPS 비교
• 대칭키와 비대칭키 비교
• 쿠키와 세션
• 검색창에 구글을 치면 일어나는 일
• DNS
• CDN
• Stale-While-Revalidate
• 웹서버 vs WAS

자료구조 & 알고리즘

• 다항식 계산, 희소행렬
• 배열리스트와 연결리스트
• 이진 탐색 트리
• 우선 순위 큐
• 기초 정렬 알고리즘 - 선택,삽입,쉘,버블
• 머지 소트
• 일반 퀵소트
• 중간값 퀵소트

데이터베이스

• 트랜잭션이란

디자인패턴

• Command-Query Separation (CQS)
• 디메테르 법칙 - 최소 지식 원칙

💫 Frontend

• 브라우저 렌더링 과정
  • Critical Rendering Path
• 낙관적 업데이트 (Optimistic Update)
• 웹 성능 최적화
  • 웹 성능 최적화 요약
  • HTTP 캐시 사용하기
• HTML 렌더링 중에 자바스크립트가 실행되면 렌더링이 멈추는 이유
• npm vs yarn
• Axios Interceptor 와 Cancel Token
• Incremental Static Regeneration 증분 정적 빌드
• Windowing
• Micro-Frontend
• 모듈 페더레이션의 공유 의존성
• 제어의 역전
• 기능 분할 설계 (fsd)

💫 JavaScript

• 이벤트 루프
• JavaScript 에서는 Object가 있는데 왜 굳이 Map 을 만들었을까?
• for...in 과 for...of의 차이점
• 실행컨텍스트와 호이스팅
• 프로토타입
• 클로저
• this
• Promise
• 모듈 시스템 CJS & ESM

💫 TypeScript

• 구조적 타이핑
• 타입가드
• 타입 단언 vs 타입 선언
• 타입스크립트에서 any 와 unknown, never 타입의 차이점

💫 HTML & CSS

• rem, em 차이

💫 Web

• Realtime web
• SSR과 CSR
• Restful

💫 React

• 리액트에서 불변성을 지켜야하는 이유
• 함수형 컴포넌트 vs 클래스형 컴포넌트
• key
• State
• Virtual DOM
• 이벤트 시스템
• React Fiber
• React 최적화

💫 React-Query

• placeholder data vs initialData
• 리액트 쿼리 이모저모 기록
• prefetch 사용하기

💫 Infra

• CF의 lambda function이 뭘까
• 멀티 태넌시, 싱글 태넌시가 뭘까
• Health Check란 뭘까

💫 Test

• 테스트 대역이란
• 좋은 단위 테스트의 원칙 몇가지

💫 독서노트

리팩터링 2판

• 2장 독서노트
• 3장 독서노트 - 코드에서 나는 악취

좋은 코드 나쁜 코드

• 2장 추상화 계층
• 10장 좋은 단위 테스트의 원칙 몇가지

💫 Conference & Articles

• Managing React Application State Management - Talk by Kent C. Dodds
• feconf2021 - 나는 왜 리액트를 사랑하는가
• feconf2021 - Statecharts: 복잡한 UI 상태를 지배하는 방법
• feconf2021 - 컴포넌트 다시 생각하기
• slash2022 - Effective Component 지속 가능한 성장과 컴포넌트
• devDive2022 - 내 코드의 품질을 높여주는 Type-Driven Development
• woowa2022 - 우리는 하나다! 모노레포 with pnpm
• feconf2022 - 디자인 시스템, 형태를 넘어서
• feconf2022 - 프론트엔드, DDD를 만나다
• feconf2022 - 내 import 문이 그렇게 이상했나요?
• if(kakao)2022 - 섬세한 ISFP의 코드 가독성 개선 경험
• Why We're Breaking Up with CSS-in-JS (CSS-in-Js 장단점)
• feconf2023 - 대형 웹 애플리케이션 Micro Frontend 전환기