movie42 / react_movie_app

react_movie_app_2020

React로 movie app 만들기

Start 2020.7.28 Update 2021.11.1
Deploying https://trusting-wilson-9143af.netlify.app

목차

• React로 movie app 만들기
  • 목차
  • 참고
  • 프로젝트를 만들며 배운 것들
    • React와 세팅
    • JSX란?
    • 컴포넌트 만들기
    • 버튼 이벤트 처리하기
    • 함수형 컴포넌트 vs 클래스
    • Hooks
    • 특정 조건일 때만 렌더링 하기
    • 여러 개의 데이터를 반복적으로 렌더링하기
    • 이벤트
    • 사용자의 입력을 효과적으로 받는 폼 만들기
    • PureComponent

참고

• 이 포트폴리오는 노마드코더의 리액트 맴버십을 토대로 만들었다.(2021.5)
• 리액트를 다시 복습은 clelab을 참고해서 복습하였다.

프로젝트를 만들며 배운 것들

React와 세팅

세팅 방법 정리

JSX란?

JSX란 무엇일까?

컴포넌트 만들기

컴포넌트를 만드는 방법과 내가 작성한 코드 컴포넌트로 리펙토링하기

버튼 이벤트 처리하기

리엑트에서 이벤트는 어떻게 처리할까?

함수형 컴포넌트 vs 클래스

함수형 컴포넌트를 사용하면 어떤 장점이 있을까? 리엑트 훅을 배워보기

Hooks

Hooks

특정 조건일 때만 렌더링 하기

조건부 렌더링

여러 개의 데이터를 반복적으로 렌더링하기

컴포넌트 반복

이벤트

이벤트

사용자의 입력을 효과적으로 받는 폼 만들기

폼

PureComponent

PureComponent