React 시리즈 (3) - useEffect, 조건부 렌더링, 리스트 렌더링
이 글을 읽고 나면, 컴포넌트의 생명주기를 이해하고, useEffect로 외부 데이터를 가져오고, 다양한 조건에 따라 화면을 유연하게 구성할 수 있습니다. 2편에서는 props와 state로 사용자와 상호작용하는 투두 리스트를 만들었습니다. 하지만 아직 부족한 것이
2026년 3월 10일0
ReactReact Hooks
youngjun
멋쟁이사자처럼 14기 프론트 운영진 윤영준입니다! 다들 너무 반갑습니다! 저는 주로 AI(Claude)를 통해 콘텐츠를 제작하고 있습니다! 제작된 콘텐츠를 복습 및 학습하면서 개발지식을 얻어가고 있어요 :)
이 글을 읽고 나면, 컴포넌트의 생명주기를 이해하고, useEffect로 외부 데이터를 가져오고, 다양한 조건에 따라 화면을 유연하게 구성할 수 있습니다. 2편에서는 props와 state로 사용자와 상호작용하는 투두 리스트를 만들었습니다. 하지만 아직 부족한 것이
이 글을 읽고 나면, 컴포넌트에 데이터를 전달하고(props), 사용자와 상호작용하는 동적인 UI를 만들 수 있습니다(state, 이벤트). 1편에서 우리는 컴포넌트와 JSX를 배우고, 자기소개 카드를 만들었습니다. 하지만 그 카드는 항상 같은 내용만 보여주는 정적
이 글을 읽고 나면 React가 왜 만들어졌는지 이해하고, 첫 번째 React 프로젝트를 생성하고, 컴포넌트와 JSX를 직접 작성할 수 있습니다. 이 시리즈는 총 6편으로 구성되어 있습니다.
이 글을 따라하고 나면, 코드를 작성하고 실행하고 GitHub에 올리는 것까지 모든 준비가 끝납니다. - 이 글은 AI와 함께 작성되었습니다 추가적으로 해당 글에는 어느정도 개념이 포함되어 있는데 일단은! 개념보단 세팅이 우선이니 세팅 먼저 하면 될 것 같습니다 !