[React]단축키로 컴포넌트 생성
webVeloper본 포스팅은 VSCode에서 단축키로 컴포넌트를 쉽게 생성할 수 있도록 해주는 플러그인을 소개합니다. 개요 React, React-Native 웹 애플리케이션을 개발하다보면 반복적인 작업을 수행하는 경우가 있다. 예를 들어 다음과 같이 컴포넌트를 생성할 때,…
[React]이벤트 핸들러 함수에서 Route 변경
본 포스팅은 React에서 이벤트가 발생했을 때, Route를 변경하는 방법을 소개합니다. 개요 일반적으로 React에서 특정 페이지로 이동하는 방법은 'react-router-dom' 패키지를 사용하여 특정 페이지(혹은 컴포넌트)를 라우팅(Routing)하는 것이다. React는 SPA(Single Page Application)에 적합한…
[React]useEffect에서 async 함수 사용
본 포스팅은 React Hook에서 제공하는 useEffect() 함수에서 async 함수를 사용하는 방법을 소개합니다. 개요 일반적으로 React에서 useEffect() 함수는 컴포넌트에서 부수 효과(side effect)를 다루기 위해 사용된다. 부수 효과(side effect)란 외부와 상호작용하거나 state를…
[React]컴포넌트에 스타일 적용하는 방법
본 포스팅은 React 컴포넌트에 스타일을 적용할 수 있는 몇 가지 방법을 소개합니다. 개요 React 컴포넌트에 스타일을 적용할 수 있는 방법은 다양하다. 가장 간단한 방식은 Inline Styling이지만, 프로젝트의 요구사항과 규모가 커질수록…
[React]API를 호출하는 세 가지 방법
본 포스팅은 React에서 API를 호출하는 세 가지 방법을 소개합니다. 개요 React는 싱글 페이지 어플리케이션을 구축하는 JavaScript 라이브러리로, 다른 서비스나 데이터에 접근하기 위해 API 호출이 빈번하게 발생할 수 있다. 본 포스팅은…