모든 포스트

2026년 3월 23일 월요일 8 분 소요

리액트 기초 강좌 #9 폼 다루기 (controlled inputs)

리액트에서 폼을 다루는 정석 패턴인 controlled component, 그리고 textarea/select/checkbox/radio 등 다양한 입력 요소 처리법을 정리합니다.

2026년 3월 23일 월요일 7 분 소요

서버가 느리거나 비싼 이유는 결국 CPU, 메모리, 스토리지, 네트워크 네 가지 자원 중 하나로 좁혀집니다. 시리즈 전체를 관통하는 멘탈 모델로 삼아, 네 자원이 무엇이고 한 번의 요청에서 어떻게 협력하는지부터 정리하겠습니다.

2026년 3월 22일 일요일 7 분 소요

배열을 화면에 렌더링하는 방법과 그때 반드시 등장하는 key prop의 의미, 그리고 인덱스 key의 함정을 살펴봅니다.

2026년 3월 21일 토요일 6 분 소요

상태에 따라 화면의 일부를 보였다 안 보였다 하거나 다른 모습으로 바꾸는 다양한 조건부 렌더링 패턴을 정리합니다.

2026년 3월 20일 금요일 7 분 소요

리액트의 이벤트 처리 방식과 합성 이벤트, 핸들러 작성 패턴, 이벤트 객체에서 정보를 꺼내는 방법을 살펴봅니다.

2026년 3월 20일 금요일 7 분 소요

기획자, 디자이너, 마케터가 개발자와 일할 때 가장 먼저 알아야 할 세 가지. 우리가 매일 쓰는 웹사이트와 앱이 프론트엔드, 백엔드, 데이터베이스라는 세 층으로 어떻게 나뉘는지 코드 없이 설명하겠습니다.

2026년 3월 19일 목요일 7 분 소요

컴포넌트가 변할 수 있는 데이터를 다루는 방법, state의 개념과 useState 훅을 배워봅니다.

2026년 3월 18일 수요일 8 분 소요

리액트의 핵심 단위인 컴포넌트를 만들어 화면을 작은 조각으로 분리하고, props로 데이터를 전달하는 방법을 배워봅니다.

2026년 3월 17일 화요일 6 분 소요

리액트 컴포넌트를 작성할 때 사용하는 특수한 문법, JSX의 기본 문법과 규칙을 살펴보겠습니다.

2026년 3월 17일 화요일 5 분 소요

컴퓨터가 글자, 숫자, 그림, 소리를 결국 0과 1로 다루는 원리를 비전공자도 이해할 수 있게 직관적인 예시로 설명합니다.

2026년 3월 16일 월요일 5 분 소요

본격적으로 코드를 작성하기 위해 Node.js를 설치하고, Vite로 첫 리액트 프로젝트를 만들어 개발 서버를 띄워보겠습니다.

2026년 3월 15일 일요일 6 분 소요

이 강좌에서는 리액트 입문자를 위하여 리액트가 무엇인지, 왜 만들어졌는지, 그리고 어떤 문제를 해결하는 도구인지에 대해서 공부하도록 하겠습니다.