React/Mini Projects (2) 썸네일형 리스트형 Tours (useEffect를 사용해서 데이터 fetch 해보기) 이번 프로젝트는 간단했지만 기본적인 리액트 기능을 다시 복습하기에 좋았다. 가령, useEffect를 사용해서 컴포넌트를 마운트 할 때 데이터를 받아온다든가, props를 destructure해서 자식의 자식 컴포넌트에게까지 전달한다든가, 손주(;) 컴포넌트에서 할부지 컴포넌트까지😋 상태를 전달한다든가 하는 것들 그리고 filter나 substring 메소드도 오랜만에 본 듯! 우선 전체 코드 👇 App.js import { useState, useEffect } from "react"; import Loading from "./Loading"; import Tours from "./Tours"; const url = "https://course-api.com/react-tours-project"; fu.. Birthday Reminder (useState - Array 사용 기본) 이 포스팅은 Udemy에 올라온 John Smilga의 " React Tutorial and Projects Course" 강의에서 도움을 받았습니다. 강의 속 프로젝트들을 먼저 만들어 본 후에 강의를 듣고 새로 배운 내용이나 실수들을 메모한 것입니다. https://www.udemy.com/course/react-tutorial-and-projects-course/ React Tutorial and Projects Course Step by Step Learn React.js and Create Interesting Projects www.udemy.com useState를 이용한 가장 기본 프로젝트. state에 obejets를 담은 Array가 들어가는 경우. data.js export defaul.. 이전 1 다음