yujenius 님의 블로그

React 개발을 하면서 서버와 데이터를 주고 받는 기능은 필수적이다API 요청을 보낼 때 대표적으로 사용되는 방법으로는 fetch API 와 axios 가 있다.나는 개발을 하면서 두 방법 중 어떤 것이 더 나을까? 라는 고민이 있었다. 이 글에서는 fetch API 와 axios를 비교하고,React 프로젝트에서 어떤 상황에서어떤 방법을 선택해야 하는지 알아보도록 하겠다. fetch API vs axios 비교1. fetch API const fetchData = async () => { try { const response = await fetch('https://example.com/api', { method: 'POST', headers: { 'Content..

프론트 엔드 공부를 시작하면 가장 많이 마주하게 되는 게 DOM 이라고 생각한다.특히, 리액트 와 같은 라이브러리를 사용할 때,가장 큰 차이점은 Virtual DOM 을 사용한다는 것이다. 이번 글에서는 DOM 과 가상 DOM의 차이점, 그리고 실제 개발에서 이를 어떻게 활용하면 좋을지 살펴보겠다.DOM (Document Object Model) 이란?DOM 은 HTML 문서를 브라우저가 해석하여 생성하는 트리 구조의 객체 모델이다. 즉 웹페이지의 요소들을 JavaScript를 통해 조작할 수 있도록 해주는 역할을 해준다. 그러나 본래의 DOM 은 몇가지의 단점이 존재한다. DOM의 경우 변경이 많아질수록 브라우저의 렌더링 성능이 떨어진다.이는 비효율적인 업데이트를 하기 떄문인데, 요소 하나를 변경할 때..