frontend

Intro오늘날 리액트 개발의 데이터 패칭에서 react-query를 많이 사용합니다.항상 도구의 사용에 앞서 도구가 어떤 역할을 수행하는지 자세히 이해해볼 필요가 있다고 생각합니다. 도구의 니즈를 구체화하는 것이죠.이번 시간에는 리액트에서 제공하는 API(useEffect, useState)를 이용해서 데이터 패칭을 해보면서 어떤 기능이 추가로 필요한지 고민해보겠습니다. 이번 글에서는 아래 코드를 바탕으로 설명을 진행하겠습니다. 완벽해보이시나요? 아래 코드에는 5개의 버그가 존재합니다.function Bookmarks({ category }) { const [data, setData] = useState([]) const [error, setError] = useState() useEffect((..

들어가며소프트웨어는 수많은 객체와 컴포넌트가 협력하며 동작합니다.이때 중요한 것은 각 객체가 어떻게 협력하느냐입니다.만약 협력이 구체적인 구현에 강하게 결합되어 있다면, 작은 변경에도 전체 시스템이 흔들릴 수 있습니다.반대로 협력이 메시지 중심으로 이루어진다면, 내부 구현이 달라지더라도 전체 흐름은 안정적이고 유연하게 유지됩니다.이번 글에서는 객체지향에서 말하는 메시지와 메서드의 차이, 그리고 이를 통해 만들어지는 느슨한 결합과 다형성을 두 가지 예시로 살펴봅니다.TypeScript로 구현한 결제 서비스React의 실무 ErrorBoundary 다형성1. 객체지향 협력: 메시지와 메서드객체지향에서 협력은 메시지(message)를 주고받으며 이루어집니다.메시지: "이 일을 해달라"는 요청(what)메서드:..

이력서 [RESUME] Frontend-End | Notion개발자는 문제를 정의하고 해결하는 사람이라고 생각합니다. 코드에 매몰되지 않고 가장 적은 비용으로 비지니스 문제를 해결하기 위해 고민합니다. 동료를 돕고 팀 생산성을 향상시키는 것을dev-cho.notion.site링크드인블로그소개행동하고 결과로 가치를 증명하는 개발자동료를 돕고 팀 생산성을 향상시키는 것을 미션으로 삼고 더 나은 개발 문화를 위해 고민하고 행동합니다.개발 트랜드의 변화를 관찰하고 효용성이 검증된 정보를 동료에게 공유하는 것을 즐깁니다.비즈니스 중심 제품 개발자코드에 매몰되지 않고 가장 경제적인 방법으로 비즈니스 문제를 해결하기 위해 고민합니다.5년간의 스타트업 경험으로 스타트업의 생리에 대해 이해하고 있습니다.매니징 능력을 갖..