CASSIE'S BLOG

Express는 Node.js에서 서버를 만들 때 사용하는 대표적인 프레임워크입니다. 이번 토픽에서는 Express로 직접 API 서버를 만들고 데이터베이스를 구축해 볼 건데요. Express 애플리케이션은 Node.js 기반의 웹 애플리케이션을 개발하기 위한 웹 프레임워크로서, 다양한 역할을 수행합니다. 주요 역할은 다음과 같습니다: 웹 서버 역할: Express는 HTTP 서버를 만들고 관리하는 역할을 합니다. 클라이언트로부터의 HTTP 요청을 받아들이고, 적절한 처리를 수행한 후 응답을 반환합니다. 라우팅(Routing): Express는 라우팅을 지원하여 특정 URI에 대한 요청을 어떻게 처리할지를 정의할 수 있습니다. 특정 경로로 들어오는 요청은 해당 경로에 대응되는 핸들러 함수에 의해 처리됩니..

"실패 케이스와 성공 케이스가 혼재되서 코드가 복잡해요"라는 말은 코드에서 예외 처리나 오류 상황에 대한 처리가 코드 내에 성공적인 부분과 섞여 있어 코드가 복잡해 보인다는 것을 나타냅니다. 이런 상황에서 코드를 개선하고 관리하기 위해 "Error Boundary(에러 바운더리)"를 도입할 수 있습니다. React 어플리케이션에서 Error Boundary는 컴포넌트 트리의 어딘가에서 발생한 JavaScript 오류를 잡아내고 이를 기반으로 UI를 변경하는 React 컴포넌트입니다. 즉, 어플리케이션의 특정 부분에서 오류가 발생하면 Error Boundary가 이를 감지하고 대체 UI를 보여줄 수 있습니다.

"react-query"는 React 애플리케이션에서 서버 데이터를 처리하는 데 도움을 주는 라이브러리입니다. Redux와 비슷한 목적을 가지고 있지만, 몇 가지 다른 특징과 철학을 가지고 있습니다. Redux는 상태 관리 라이브러리이며, 애플리케이션의 상태를 중앙 집중식으로 관리하는 데 사용됩니다. 데이터 가져오기와 관련된 비동기 작업은 주로 middleware와 함께 처리됩니다. 반면에 react-query는 데이터 가져오기와 관련된 로직을 더 단순화하고 추상화하는 것에 중점을 둡니다. 주로 API 호출 및 데이터 캐싱과 같은 기능을 제공하여 상태 관리를 편리하게 만들어줍니다. react-query를 사용하면 데이터 가져오기, 캐시, 재시도 및 인터벌로의 자동 리프레시와 같은 기능을 더 쉽게 다룰 수..

https://dhdl-it.tistory.com/60

useEffect - React life cycle react에서는 마운트, 언마운트 개념이 있습니다. 간단하게 설명하면 아래와 같습니다. 마운트 : 컴포넌트가 생길 때 언마운트 : 컴포넌트가 사라질 때 라고 생각하시면 편합니다. useEffect란, 페이지가 맨 처음에 랜더링 될 때, 또는 변수의 값이 변경될 때 실행되는 함수이다. 클릭할 때마다 1씩 증가하는 간단한 버튼을 만들어보자. Udemy 에서 되게 중요개념을 꼭 알아야한다고 함 We understand that the second argument is very significant. useEffect(()=> { console.log(‘hi’); }, []); second argument: [] called after first render ..

pages 폴더에 페이지 만들기시작 App.jsx에 Home 컴포넌트 있었는데 잠시 없애고 ProductList Import import Home from "./pages/Home"; const App = () => { return ; }; export default App; import React from 'react' import styled from 'styled-components' const Container = styled.div` ` export const ProductList = () => { return ( ProductList ) } import React from 'react' import styled from 'styled-components' import Navbar from '...