#React
14개의 글
-
삼각형 게임 만들기 - 2,760줄로 구현한 전략 게임
점을 연결해 삼각형을 차지하는 웹 게임을 만들었습니다. AI 상대, 실시간 캔버스 렌더링, 소셜 공유 기능까지 담은 개발 경험을 정리했어요.
-
TypeScript 입문 10편 - 실전 프로젝트
TypeScript로 Todo 앱을 만들며 실전 개발 경험을 쌓습니다. React + TypeScript 시작하기, 타입 안전성 체크, 모범 사례까지 한번에 정리합니다.
-
Tailwind CSS 설치부터 활용까지 - React/React Native
CSS 작성이 귀찮으셨나요? Tailwind CSS를 쓰면 클래스 이름만으로 스타일링이 끝납니다. React와 React Native 설치 방법부터 실전 활용법까지 비전공자도 따라할 수 있게 정리했습니다.
-
React 입문 4편 - 컴포넌트 만들기
React의 핵심인 컴포넌트를 자세히 알아봅니다. 함수형 컴포넌트 작성법부터 컴포넌트 분리까지 실습과 함께 배워봅니다.
-
React 입문 2편 - 첫 프로젝트 만들기
Vite를 사용해서 React 프로젝트를 생성하는 방법을 단계별로 알아봅니다. Node.js 설치부터 프로젝트 실행까지 따라하기만 하면 됩니다.
-
React 입문 8편 - 이벤트 처리하기
React에서 버튼 클릭, 키보드 입력, 폼 제출 등 다양한 이벤트를 처리하는 방법을 배웁니다. 실전 예제와 함께 이벤트 핸들링을 마스터해봅시다.
-
React 입문 11편 - Hooks 정리
React의 핵심 Hooks를 한 곳에서 정리합니다. useState, useEffect, useRef, useMemo, useCallback 등 실무에서 자주 쓰는 Hooks를 예제와 함께 배웁니다.
-
React 입문 1편 - React란?
React가 무엇인지, 왜 전 세계 개발자들이 React를 선택하는지 알아봅니다. React의 핵심 개념과 장점을 쉽게 설명합니다.
-
React 입문 3편 - JSX 문법 익히기
React에서 UI를 작성하는 JSX 문법을 배웁니다. JavaScript 안에서 HTML처럼 쓰는 방법과 주의할 점들을 정리했습니다.
-
React 입문 5편 - Props 전달하기
React에서 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하는 Props에 대해 배웁니다. 실전 예제와 함께 Props 사용법을 익혀봅시다.
-
React 입문 6편 - State로 상태 관리
React에서 컴포넌트의 상태를 관리하는 useState 훅을 배웁니다. State의 개념부터 실전 활용까지 예제와 함께 알아봅니다.
-
React 입문 7편 - State와 Props 연결하기
React에서 State와 Props가 어떻게 함께 작동하는지 알아봅니다. 부모-자식 컴포넌트 간의 데이터 흐름과 State 끌어올리기 패턴을 배웁니다.
-
React 입문 9편 - 입력값 다루기
React에서 입력 폼을 다루는 방법을 배웁니다. Controlled Component 패턴과 다양한 폼 요소 처리법을 실전 예제와 함께 알아봅니다.
-
React 입문 10편 - useRef 사용하기
React에서 DOM에 접근하거나 렌더링 없이 값을 저장하는 useRef 훅을 배웁니다. useRef의 두 가지 활용법을 실전 예제와 함께 알아봅니다.