[React]

개인 프로젝트이던 팀 프로젝트이던 사용하는 데이터 통신들이 복잡해질수록 react-query의 필요성을 크게 느끼고 적용해왔다. 하지만 공식문서를 정독하거나, 효율적으로 사용을 한 건 아닌 것 같다. 따라서 다시 제대로 공부하고 정리하는 시간을 가지며 프로젝트에 더 좋

Emotion은 JavaScript에서 CSS 스타일을 작성하기 위한 라이브러리이다. CSS-in-JS로 JavaScript 내에서 CSS를 작성할 수 있게 도와준다.Framework Agnostic과 React 두 가지 방식이 있다.나는 리액트를 사용할 것이기 때문에

함수형 컴포넌트에서 선언된 변수들은 렌더링 될 때마다 다시 생성된다. 해당 변수가 함수를 참조하고 있어도 동일하다. 그럼 렌더링과 관계 없이 유지하고 >싶은 변수는 어떻게 해야할까?ref는 컴포넌트가 DOM 노드나 timeout ID와 같이 렌더링에 사용되지 않는 일부

이 글은 Corbin Crutchley의 What is Reactivity? 를 번역한 글입니다. 오역, 의역 있을 수 있습니다.React를 사용하는 이유는 반응성(Reactivity)때문이다.반응성이란 JavaScript 애플리케이션의 메모리 내용을 DOM에 HTM

AI 기반 톡방 대화 분석 서비스 '대화 평화상' 프로젝트를 진행하면서 구현한 내용입니다.프로젝트 진행 중 컴포넌트를 캡쳐해서 다운받는 기능을 구현해야했다.PM분이 요청하신 내용은 아래와 같았는데, 바로 상장 다운로드 기능이다.현재 프로젝트에서는 대화 분석 결과 페이지