📘
TK'S Learning Book
  • TK'S Learning Book
  • 🟨JavaScript
    • 📔들어가며
    • 4️⃣04.변수
      • 04.1. 변수란 무엇인가?
      • 04.2. 식별자
      • 04.3. 변수 선언
      • 04.4. 변수 선언의 실행 시점과 호이스팅
      • 04.5. 값의 할당
      • 04.6. 식별자 네이밍 규칙
    • 5️⃣05.표현식과 문
      • 05.1. 값
      • 05.2. 리터럴
      • 05.3. 표현식과 문
      • 05.4. 표현식인 문과 표현식이 아닌 문
    • 6️⃣06.데이터 타입
      • 06.1. 숫자 타입과 문자열 타입
      • 06.2. 템플릿 리터럴과 불리언 타입
      • 06.3. undefined, null, 심벌, 객체 타입
      • 06.4. 데이터 타입의 필요성과 동적 타이핑
    • 7️⃣07.연산자
      • 07.1. 산술, 할당,비교 연산자
      • 07.2. 삼항 조건,논리,쉼표,그룹 연산자
      • 07.3. typeof, 지수, 그 외의 연산자
      • 07.4. 부수효과, 우선순위, 결합순서
    • 8️⃣08. 제어문
      • 08.1. 블록문, 조건문
      • 08.2. 반복문
  • 🟦TypeScript
    • 📘들어가며
    • 1️⃣타입스크립트 알아보기
      • 타입 스크립트와 자바스크립트의 관계
      • 타입스크립트 설정 이해하기
      • 코드 생성과 타입이 관계 없음을 이해하기
  • ✡️React
    • 🟪들어가며
    • 🔎시작하기
      • 1️⃣1. 설치와 시작하기
        • 1.1. 새 React 프로젝트 시작하기
        • 1.2. 기존 프로젝트에 React 추가하기
      • 2️⃣2. 빠른 시작하기
        • 2.1.빠른 시작하기
      • 3️⃣3. React로 사고하기
        • 3.1. React로 사고하기
    • 🎨React 배워보기
      • 1️⃣1. UI 구성하기
        • 1.1. 첫번째 컴포넌트
        • 1.2. 컴포넌트 import 및 export
        • 1.3. JSX로 마크업 작성하기
  • 🌐Web
    • 🗒️들어가며
    • 1️⃣01. 브라우저의 랜더링
      • 01.1. 브라우저의 파싱과 렌더링
      • 01.2. CSR과 SSR
        • CSR과 SSR의 렌더링 차이
      • 01.1. 요청과 응답
Powered by GitBook
On this page
  • What will I learn in this Chaper
  • Learning Content
  • Quick Links
  1. React
  2. 시작하기

2. 빠른 시작하기

Quick Start

What will I learn in this Chaper

이번 챕터에서는 React 컴포넌트 안에 마크업을 구현하는 방법과 스타일을 추가하는 방법 상위 노드에서 하위 노드로 흐르는 데이터의 흐름과 이벤트에 대한 응답처리를 하는 방법에 대해서 다룰 것입니다.

Learning Content

  • 컴포넌트를 만들고 중첩하는 방법

  • 마크업 및 스타일을 추가하는 방법

  • 데이터를 표시하는 방법

  • 조건 및 목록을 렌더링하는 방법

  • 이벤트에 응답하고 화면을 업데이트하는 방법

  • 컴포넌트 간에 데이터를 공유하는 방법

Quick Links

Previous1.2. 기존 프로젝트에 React 추가하기Next2.1.빠른 시작하기

Last updated 1 year ago

✡️
🔎
2️⃣