Ran | 뭇별의 장

남겨진 기록은 기억이 되어 나를 다음 행선지로 이끌어 준다.

📌 기록 규칙

• 공식 문서 찾아보는 습관 들이기.

✨ Study Collections

JAVA

• Jvm
• Garbage Collection
• PermGen과 Metaspace
• Type
• Thread, runnable
• ExecutorService-Synchronized
• Optional
• [Deep Dive] Java의 enum 객체는 꼭 불변인 건 아니다?

Web

• 01 - DNS 요청 흐름과 동작 원리
• 02 - Proxy Server
• 03 - HTTP Cache
• 07 - Cookie : 1st Party Cookie - 3rd Party Cookie
• 08 - Storage : Local - Session
• 09 - Session
• 09-1 - Cookie vs Storage vs Session
• 10 - JWT
• [Deep Dive] SSL/DLS
• 11 - Port Forwarding (포트포워딩)
• 12 - 집 네트워크 핵심 구조: DHCP, NAT, SNAT, DNAT
• 13 - LAN과 MAC 핵심 정리

Spring

• Spring Boot 입문하기 : 도서 조회
• Spring Boot 입문하기 : sysout의 위험과 logger의 권장
• Enum과 친해지기 + TS와 JAVA의 Enum
• CGLIB / Proxy Entity //

Database

• NoSQL
• Index
• Tree : B-Tree, B+Tree

JPA

• ORM 개념과 JPA, Hibernate의 관계
• JPA의 개념과 JDBC와의 관계
• 리플렉션(Reflection)이란
• 영속성 컨텍스트(Persistency Context)와 엔티티의 생명주기
• 연관관계 : 1:N(OneToMany), N:1(ManyToOne)
• Proxy 객체와 equals/instanceof 비교
• 연관관계 : fetch 방식 - Eager vs Lazy + N+1문제
• Spring Data JPA의 개념과 구조

JavaScript

• [Deep Dive] 함수선언문 vs 함수표현식 vs 화살표 함수의 호이스팅 TDZ 차이

React

• Fundamentals

  • 00 - Side Effect란 무엇인가
  • 01 - 순수 함수(Pure Function) 기본 개념
  • 02 - useEffect 의존성 배열 기본 개념
  • 03 - useEffect에서 발생하는 문제와 올바른 사용법

• Reducer

  • 00 - Reducer 이해하기
  • 01 - useReducer 사용하기
  • 01 - 불변성과 업데이트 패턴
  • 02 - 비동기 로딩 상태 관리
  • 03 - 낙관적 업데이트(Optimistic Update)
  • 04 - React 19 – useOptimistic
  • 05 - React Query vs useOptimistic 비교

• React Query

  • 00 - React Query 기본 개념 정리
  • 01 - React Query의 에러 처리 & Promise 모델
  • 02 - useMutation의 동작 흐름
  • 03 - React Query 캐시 메커니즘(Cache Mechanism)
  • 04 - React Query의 메모리 구조 & GC(Garbage Collection)
  • 05 - React Query 내부 구조: Action → Reducer → QueryState 흐름

• Architecture

  • Single Flight 정리

Next.js

• App Router: route 정리
• Route Group 정리
• SSR / CSR / ISR / SSG 동작 비교
• 브라우저/서버 캐시 종류 정리
• TanStack, Next, App Shell 캐시 위치
• RSC에서 Server 안의 Client Component 실행 흐름

Infra / Cloud

• AWS S3와 정적 배포 구조
• CDN 개념과 CloudFront

Algorithm - Coding Test

• 자료구조 기본: 선형 vs 비선형
• 스택과 큐 기본
• 🌱 하루 한 문제 코딩테스트 챌린지!

🪶 Conference

Toss

• TMC25 – 인터랙션 개발 워크플로우 분석

🌱 UX/UI

• 디자인 시스템을 언어로 이해하기
• Modal UI 사용 가이드 (팝업 / 바텀시트 / 스낵바)