atomicdev 님의 블로그

1시간 분량 강의안 (Props 기초)강의 목표Props의 개념과 역할을 이해한다.Props를 사용하여 컴포넌트 간 데이터를 전달하는 방법을 학습한다.실습을 통해 Props의 실제 활용 사례를 경험한다.강의 목차1. Props란 무엇인가? (15분)Props의 정의Props는 Properties의 줄임말입니다.React에서 부모 컴포넌트가 자식 컴포넌트로 데이터를 전달하는 방법입니다.Props는 **읽기 전용(immutable)**입니다. 즉, 자식 컴포넌트에서 변경할 수 없습니다.Props의 주요 특징데이터 전달: 부모 컴포넌트가 자식 컴포넌트에 값을 전달.재사용성: 다양한 데이터로 같은 컴포넌트를 재사용 가능.읽기 전용: Props는 변경할 수 없으므로 데이터 흐름이 명확.Props를 사용하는 이유컴..

1시간 분량 강의안 (JSX 기초)강의 목표JSX의 개념과 필요성을 이해한다.JSX 문법을 학습하고, 이를 활용하여 React 컴포넌트를 작성한다.JSX를 활용하여 동적인 데이터를 UI에 표시한다.강의 목차1. JSX란 무엇인가? (15분)JSX의 정의JSX는 JavaScript XML의 약자로, React에서 사용하는 독특한 문법입니다.HTML과 유사하게 보이지만, 실제로는 JavaScript로 변환됩니다.JSX를 사용하면 UI를 선언적으로 작성할 수 있어 코드가 읽기 쉽고 직관적입니다.JSX가 필요한 이유기존 방식: JSX 사용 시:const element = Hello, React!;훨씬 간결하고 직관적입니다.const element = React.createElement( 'h1', { cla..