axios와 fetch

1. 개요 React에서는 api를 요청할때 일반적으로 axios와 fecth방법을 사용합니다. 저같은 경우 큰 이유 없이 axios만 사용해왔지만 이 글에서는 axios와 fetch를 소개하고, 두 방법의 특징과 장단점을 비교하여 어떤 상황에서 어떤 것을 선택해야 하는지 정리해보고자 합니다 동시에 axios의...

Lottie를 활용한 애니메이션 추가

1.Lottie란? Lottie는 Airbnb에서 개발한 오픈소스 라이브러리로, 벡터 애니메이션을 간편하게 추가할 수 있는 도구입니다. JSON 형식으로 저장된 애니메이션 데이터를 불러와 웹, iOS, Android 등 다양한 플랫폼에서 높은 품질의 애니메이션을 구현할 수 있습니다. Lottie는 2017년에 ...

함수 vs 클래스 컴포넌트

1. React 컴포넌트 React 컴포넌트란 UI를 구성하는 최소 단위이며, React에서는 컴포넌트를 통해 UI를 작성하고 조합하여 하나의 완성된 어플리케이션을 만들기 위해 사용합니다. 특정 페이지에서 표현되는 버튼들과 글, 이미지는 모두 이러한 컴포넌트들로 구성이 되어있겠죠. 이러한 컴포넌트의 작성방식은 ...

브라우저의 렌더링 과정

브라우저란? 웹 브라우저는 인터넷을 통해 웹 페이지를 탐색하고 사용할 수 있도록 도와주는 소프트웨어입니다. 브라우저는 HTML, CSS, JavaScript 등의 웹 기술을 이용하여 웹 페이지를 해석하고 렌더링합니다. 또한, 사용자 인터페이스를 제공하며, 이미지, 비디오 및 텍스트 데이터를 가져오고 처리하고 보안...

CSS-in-JS vs CSS

개요 웹사이트는 점점 복잡해지고 있으며 기존의 CSS작업 방식에서 발생하는 문제점을 해결하기 위해 다양한 CSS 방법론이 등장하였습니다. 그럼 여기서 잠깐, CSS-in-Js , CSS (CSS-in-CSS) 에 대해 들어보셨나요? 혹시 처음 듣는다면 CSS를 정의할 때 .css , .scss 등의 css파일...