반응형 [React] 초급 퀴즈4 - 이벤트 핸들링과 폼 리액트에서 이벤트 핸들링과 폼(Form) 관리에 대한 개념을 학습하는 퀴즈입니다. 아래 문제를 풀어보세요! 🧩 1. 리액트에서 이벤트 핸들러를 설정할 때 올바른 방식은?onclick="handleClick()"onClick={handleClick}onClick="handleClick"onClick="handleClick()" 🧩 2. 아래 코드에서 버튼을 클릭하면 콘솔에 어떤 값이 출력될까요?function Button() { function handleClick() { console.log("버튼이 클릭되었습니다!"); } return 클릭;}아무것도 출력되지 않는다."버튼이 클릭되었습니다!"가 콘솔에 출력된다.오류가 발생한다.undefined가 출력된다. 🧩 3. 리액트에서 폼을.. 2025. 2. 28. [React] 초급 퀴즈3 - props와 state의 차이 리액트에서 props와 state의 개념을 이해하고, 이 두 개념의 차이를 학습하는 퀴즈입니다. 아래 문제를 풀어보세요! 🧩 1. props에 대한 설명 중 틀린 것은 무엇인가?props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법이다.props는 자식 컴포넌트에서 직접 수정할 수 있다.props는 컴포넌트의 재사용성을 높이는 데 기여한다.props는 읽기 전용(immutable)이다. 🧩 2. state에 대한 설명 중 틀린 것은?state는 컴포넌트 내부에서 관리되는 데이터이다.state 값이 변경되면 컴포넌트가 다시 렌더링된다.state는 부모 컴포넌트에서 자식 컴포넌트로 전달될 수 있다.state는 setState 또는 useState를 사용하여 직접 변경할 수 있다. 🧩.. 2025. 2. 28. [React] 초급 퀴즈2 - 컴포넌트 개념 및 구조 리액트의 컴포넌트(Component)와 Props 개념에 대한 이해를 확인하는 퀴즈입니다. 아래 문제를 풀어보세요! 🧩 1. 리액트에서 **컴포넌트(Component)**에 대한 설명 중 올바른 것은 무엇인가?리액트의 모든 요소는 반드시 클래스 컴포넌트로 작성해야 한다.함수형 컴포넌트와 클래스 컴포넌트가 있으며, 함수형 컴포넌트는 this를 사용할 수 있다.컴포넌트는 UI를 구성하는 독립적인 단위이며, 재사용이 가능하다.컴포넌트는 반드시 render() 메서드를 포함해야 한다. 🧩 2. 함수형 vs 클래스형 컴포넌트에 대한 설명 중 틀린 것은?함수형 컴포넌트는 function 키워드를 사용하여 선언된다.클래스형 컴포넌트는 class 키워드를 사용하며 render() 메서드를 포함한다.함수형 컴포넌.. 2025. 2. 28. [React] 초급 퀴즈1 - 리액트 기본 개념과 JSX 리액트의 기본 개념과 JSX에 대한 이해를 확인하는 퀴즈입니다. 아래 문제를 풀어보세요! 🧩 1. 리액트의 주요 특징 중 틀린 것은 무엇인가?컴포넌트 기반으로 UI를 구성한다.가상 DOM을 사용하여 성능을 최적화한다.양방향 데이터 흐름을 기본으로 제공한다.선언형 UI 패턴을 따른다. 🧩 2. JSX에 대한 설명 중 옳지 않은 것은?JSX는 JavaScript 내에서 HTML을 작성할 수 있는 문법이다.JSX는 반드시 React.createElement()로 변환된다.JSX 내에서 JavaScript 표현식을 사용하려면 {}를 사용해야 한다.JSX에서 class 속성을 사용할 수 있으며, className으로 변경할 필요가 없다. 🧩 3. 다음 JSX 코드가 JavaScript 코드로 변환되었을.. 2025. 2. 26. 이전 1 다음 반응형
