2026 오픈소스 컨트리뷰션 아카데미 Challenges 기간을 거치며, 처음 오픈소스에 기여하며 겪은 일들을 정리합니다.

Next.js를 사용하는 이유와 React만으로 충분한 경우를 정리하여 공유합니다.

React의 XSS 방어 메커니즘과, 그럼에도 불구하고 XSS가 발생하는 대표적인 사례들을 공유합니다.

Reverse Proxy 의 구조를 이해하기 위해 정리한 글을 공유합니다.

프론트엔드 개발자가 꼭 알아야 될 캐시 전략 등을 정리하여 공유합니다.

프론트엔드 개발자가 반드시 알아야 하는 웹 인프라 구조를, '사용자가 웹사이트에 접속하는 순간'을 따라가며 정리한 글입니다.

Event Loop 를 제대로 이해하기 위한 공부 기록을 공유합니다.

CPU 내부 구조와 실행 흐름을 정리하여 공유합니다.

쿠키, 세션, REST 를 한 번에 이해할 수 있는 글을 공유합니다.

HTTP 의 진화와 HTTPS 를 개발자 관점에서 설명합니다.

OSI 7계층 모델과 TCP와 UDP의 차이점을 공유합니다.

Stack, Heap, Virtual Memory 의 개념에 대해 공유합니다.

동시성 문제의 흐름에 대해서 정리해보고자 합니다.

블록킹과 논블록킹의 개념과 동기/비동기와의 차이점 등에 대해 정리한 글입니다.

동기와 비동기에 대한 개념을 이해하고, 차이점을 공유합니다.

컨텍스트 스위칭에 대한 개념을 공유합니다.

프로세스와 스레드의 개념과 차이점을 알아봅니다.

상태 관리 라이브러리인 Zustand 사용법과 특징에 대해 공유합니다.

AI 스터디 첫 번째 과제로 n8n 워크플로우를 만들면서 배운 n8n의 기본 사용법과 유용한 노드들을 공유합니다.

react 에서의 useEffect, useLayoutEffect 의 구현 방식과 차이점을 공유합니다.

react 에서의 Suspense 와 Error Boundary 도입 배경과 동작 방식을 공유합니다.

클로저 개념을 이해하고 정리한 글을 공유합니다.

상태 관리 라이브러리인 jotai 사용법과 특징에 대해 공유합니다.

React 컴파일러에 대한 설명과 적용 방법에 대해 공유합니다.

app 라우터와 page 라우터의 차이점에 대해 공유합니다.

React 의 'forwardRef' 와 Hook 'useImperativeHandle' 를 정리합니다.

외부 store를 구독할 수 있는 React Hook 'useSyncExternalStore' 를 정리합니다.

SSR 과 CSR 각각의 특징과 차이, 구분 전략부터 실무에서 쓸 수 있는 혼합 전략을 공유합니다.

서버 컴포넌트와 클라이언트 컴포넌트 각각의 특징과 차이, 구분 전략부터 실무에서 쓸 수 있는 혼합 전략을 공유합니다.

김영한의 자바 입문편 강의를 듣고 공부한 내용을 정리합니다.

모던 리액트 Deep Dive 책을 읽으며 공부/정리한 내용을 공유합니다.

React 톺아보기 문서를 읽고 정리한 내용을 공유합니다.

React를 사용해서 구글 원탭 로그인 기능을 도입하는 방법을 공유합니다.

JavaScript로 Intl을 사용해서 숫자를 포맷팅하는 방법을 공유합니다.

JavaScript로 Intl을 사용해서 날짜와 시간을 포맷팅하는 방법을 공유합니다.

react-i18next를 사용한 다국어 처리 방법을 공유합니다.

개발자의 원칙 책을 읽으며 정리한 내용을 공유합니다.