teklog: Intro

From 2022.09.02 ~

블로그에 작성한 글들을 분류하고 소개합니다. 괄호 안의 숫자는 읽는 데 걸리는 시간입니다.(900 Words Per Minute )

0. 알고리즘 및 자료 구조

기초적인 자료 구조와 알고리즘을 학습하고 있습니다. 책, 자료 조사, 해당 알고리즘의 문제 풀이, 활용성 등을 파악하며 학습하고 있습니다.

• Stack

• Queue

• Graph

  • 기본 개념과 요소 (16m)

  • 탐색 기본 개념 (16m)

  • DFS 기본 원리 (12 min)

  • BFS

• Hash

  • 기본 개념 (8m)

  • 문제 적용 및 추론하기 (11m)

• Binary Search

• Sort

• Greedy

2. HTML / JS

HTML과 DOM API (13m)

실행 컨텍스트와 클로저 (10m)

3. React

리액트(+@) 공식 문서, Github 논의, 서적을 읽고 학습한 내용입니다. 간단한 코드 조각과 함께 작성했습니다.

• Suspense 탐구하기 (13m)

• 리액트 상태 탐구하기(12m)

서적:

• Fluent React

  • 컴포넌트 설계 패턴들 (10m)

  • Presentational / Container (7m)

  • 고차 컴포넌트 HOC (6m)

  • 합성 컴포넌트 Compound Components (6m)

  • 함수 기반의 의존성 주입 패턴 Render Props, useReducer (14m)

  • 서버 컴포넌트 Server Component (15m)

  • 조정자 Reconcile (14m)

  • 동시성 Concurrent (23m)

• 마이크로 상태 관리하기 (17m)

• Learning React (3m)

전문가를 위한 리액트 Fluent React 번역서가 출간되기 전에 원서를 읽으며 학습했습니다. 작성 당시 리액트(파이버 기반 원리, 컴포넌트 설계 패턴)에 대한 궁금증과 더 나은 개발 실력에 대한 갈증이 컸습니다.

Next.js

실무에서 Next.js를 사용하여, 관련된 내용을 팀원들과 공유하기 위해 작성했습니다. 당시 GPT는 널리 사용되진 않아, 직접 번역하고 동료들과 함께 이해도를 높이고자 했습니다.

• Next.js 성능 최적화(6m)

• Next.js는 왜 쓸까?(4m)

• getStaticProps 공식 문서 번역(4m)

• getServerSideProps 공식 문서 번역(3m)

• ISR 공식 문서 번역(4m)

• Cache 디렉티브와 적용하기(8m)

Side Project

• Auto Resume

• 1인 제품 개발 후기

• 기술블로그 개발 에러로그 & 최적화

• 서버 컴포넌트와 App Dir(6m)

4. 데이터 페칭

• Tanstack Query(7m)

• Relay (6m)

• GraphQL(8m)

5. HTTP

HTTP 완벽 가이드

HTTP 완벽 가이드를 읽고 학습한 내용을 정리했습니다. 책의 내용을 모두 정독하면서, 내용을 추리는 과정에서 학습을 이루고자 했습니다. 이해가 가지 않는 부분은 따로 찾아보고 내용을 추가했습니다.

• HTTP 웹의 기초(6m)
  URL과 리소스(4m)

• HTTP 메시지(12m)

• HTTP 웹 서버

• HTTP 프록시

• HTTP 캐시

• 게이트웨이, 터널, 릴레이

Epilogue

한 편의 글을 오래동안 작성하는 습관이 있어 긴 글을 많이 작성했습니다. 빠르게 쓰고 읽는 글보다, 근본적인 이해를 높이려 해서 그런 것 같습니다. 편집 중에 무수히 반복하여 읽고, 검토하면서 학습이 있었습니다.

링크가 없는 글은 아직 편집 중입니다.