React

Node.js

[React][Node.js] 실시간 알림 시스템 구축 (feat. WebSocket, SSE)

개발중에 DB의 값이 변하면 실시간으로 웹페이지에 값이 변하는 기능을 구현을 하고있었다. (물론 새로고침 없이) 리액트 쿼리를 사용하기 등 여러 방법을

26 2월

React

[React] Redux Toolkit 사용하기

리액트 프로젝트를 진행하다가 페이지 매뉴를 여러곳에서 사용할 일이 생기다 보니 코드가 너무 지저분해져서 Redux Toolkit을 사용하여 깔끔하게 작업을 했다. 이번

27 1월

React

[React] useState와 useEffect 활용 예제

React 개발을 하면서 useState와 useEffect를 언제 사용해야 하는지 고민했던 경험과 실전에서 활용 가능한 몇가지 예제들을 공유하고자 한다. 사용자 입력 관리

13 1월

React

[React]Vite + React 프로젝트에 Tailwind CSS 설정하기

Vite + React로 생성한 프로젝트에서 Tailwind CSS 설정 시 제대로 사용이 되지 않는 어려움이 있어서 설정 및 사용법에 대해서 포스팅 해본다.

13 1월

React

[React]useState와 useEffect 가이드(Hook) 및 useState와 useEffect의 유의사항

1. React 훅(Hook)이란? React는 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 기능을 활용하기 위해 Hook이라는 개념을 도입했다. useState와

07 1월