Skip to content

Latest commit

 

History

History
28 lines (21 loc) · 905 Bytes

README.md

File metadata and controls

28 lines (21 loc) · 905 Bytes

RGB Challenge

소개

화면에 나타난 RGB 코드가 나타내는 색을 추측하는 게임

RGB Challenge 1

RGB Challenge 2

RGB Challenge 3

다루는 개념

  • JSX: 선언적 렌더링을 위한 자바스크립트 확장 문법
  • 컴포넌트
  • props: 컴포넌트 간에 데이터 주고 받기
  • state: 컴포넌트의 지역 상태 관리하기
  • CRA: React 스캐폴딩 도구
  • 함수형 컴포넌트와 클래스 컴포넌트
  • 합성(Composition) vs 상속(Inheritance)
  • CSS 스타일링
    • CSS 모듈: CSS 모듈화하기
    • classnames: CSS 클래스를 동적으로 변경하기
  • 조건부 렌더링
  • Fragment: 둘 이상의 자식 요소를 wrapper 요소로 감싸지 않고 렌더링하기
  • Array.prototype.map을 활용한 배열 데이터 렌더링
  • state 끌어올리기