Dev Diary 💻

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 139. 모듈 소개 지난 섹션에서 중요한 리액트 개념들을 살펴보았습니다. useEffect, useContext, useReducer 등등 / 위 개념을 복습하면서 다시 살펴보도록 합시다. 140. 설정 시작하기 Layout folder : ex. Header UI folder: ex. Input 141. "헤더" 컴포넌트 추가하기 header 컴포넌트 추가 142. Adding the "Cart" Button Component Cart Button 컴포넌트 추가 143. Adding a "Meals" Component Meals 컴포넌트 추가 144. Adding I..

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 97. 모듈 소개 연습 프로젝트 시작 98. "사용자" 컴포넌트 추가하기 Technically, the React import is not required in all React projects as you learned. But you're never wrong with adding it. import React from "react"; 99. 재사용 가능한 "카드" 컴포넌트 추가하기 두 개의 css 클래스를 적용하는 방법 import React from "react"; import classes from "./Card.module.css"; const Card = ..

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 91. 모듈 소개 Debugging React Apps Finding & Fixing Errors Understanding Error Messages Debugging & Analyzing React Apps Using the React DevTools 92. 리액트 오류 메시지 이해하기 스스로 오류를 이해하고 해결해야 한다. 문제가 있는 소스코드를 살펴보고, 어디서 문제가 발생했는지 그 줄이나 파일을 살펴봐라. 그러면 대부분의 오류들은 해결할 수 있다! Failed to compile. ./src/App.js SyntaxError: /Users/yuri/workpla..