livlog

The goals 💪🏻Adding a Checkout / Order Form ✌🏻Submitting Orders to a Backend Server (Http) 👍🏻Fetching Meals Data import { useEffect, useState } from "react"; import Card from "../UI/Card"; import MealItem from "./MealItem/MealItem"; import classes from "./AvailableMeals.module.css"; const AvailableMeals = () => { const [meals, setMeals] = useState([]); useEffect(() => { const fetchMeals = async (..

The goals 💪🏻What & Why? ✌🏻Building a Custom Hook 👍🏻Custom Hook Rules & Practices Make our own React Hook in Hooks folder and we can use it as Hook anywhere! The most important thing is naming. It should start with 'use' and its purpose is to make component slimmer. Since we are getting 'forward' as parameter in function, we should set it as a denpendency in useEffect. With this way, we can refac..

The goals 💪🏻How do React Apps Interact wirh Databases? ✌🏻Sending Http Requests & Using Responses 👍🏻Handling Errors & Loading State Building users interfaces in each situation

웹사이트의 다양한 유형 다양한 웹사이트/웹 애플리케이션을 구축할 수 있습니다. 구체적으로 구분되는 세 가지 주요 유형이 있습니다. (HTML + CSS + JS만 있는) 정적 웹사이트 단일 페이지 애플리케이션 (SPA, HTML + CSS + JS는 단 하나의 HTML 페이지만 제공되고 클라이언트 측 JS는 페이지를 동적으로 다시 렌더링하는 데 사용됩니다) 동적으로/서버 측에서 렌더링된 웹 애플리케이션. HTML 페이지가 서버에서 동적으로 생성되는 웹사이트(예: EJS와 같은 템플릿 엔진을 통해 만들어지는 웹사이트). 이 링크에서 더 자세한 비교를 볼 수 있습니다. https://academind.com/learn/web-dev/dynamic-vs-static-vs-spa/ 이러한 웹 사이트를 배포할 때..