제목: ReactJS가 Rails의 Active Record 연결을 어떻게 처리하는가 소개 이 블로그 글에서는 ReactJS가 Rails의 Active Record 연결을 어떻게 처리하는지 살펴보겠습니다. 특히 유저의 포스트 항목과 프로필 … Read more

“create-react-app”에서 개발 서버가 계속 연결이 끊어지는 이유는 무엇인가요? “create-react-app”을 사용하고 개발 서버에서 자주 연결이 끊어진다면, 당신은 혼자가 아닙니다. 이 문제는 때때로 “create-react-app”을 사용할 때 발생할 … Read more

Jest/Enzyme: 함수형 컴포넌트에서의 Mock 함수 리액트에서 함수형 컴포넌트를 작업할 때, Mock 함수를 사용하는 컴포넌트를 테스트해야하는 상황에 처할 수 있습니다. 그 중 하나는 버튼이 있는 함수형 … Read more

타이틀: “React ref current is NULL” 문제 해결하기 소개 React는 상호작용적인 사용자 인터페이스를 만들기 위해 사용되는 인기있는 JavaScript 라이브러리입니다. 여러 기능 중 하나로 DOM 요소나 … Read more

GitLab-CI를 이용한 React 앱 배포 최적 방법 GitLab CI/CD를 시작하고 있는데 React 앱을 배포하는 최적의 방법을 찾고 있습니다. GitLab 인스턴스와 공유 러너와 프로젝트별 러너, 두 … Read more

JSX 엘리먼트를 자바스크립트 변수에 저장하는 방법 React와 JSX를 사용하다보면 JSX 엘리먼트를 여러 곳에서 재사용하고 싶은 경우가 있을 수 있습니다. 하지만 JSX 엘리먼트를 자바스크립트 변수에 저장하는 … Read more

Title: 웹팩을 이용하여 기존 모듈을 윈도우에 내보내기 소개 이 블로그 포스트에서는 웹팩을 사용하여 격리된 컴포넌트를 가정된 전역 객체에 내보내는 방법에 대해 알아보겠습니다. 목표는 기존 구조를 … Read more

“Classes Props”를 사용하여 Material UI에서 여러 클래스 추가하는 방법 “Classes Props”를 사용하여 Material UI에서 여러 클래스 추가하는 방법 React에서 Material UI를 사용할 때, 컴포넌트에 여러 … Read more

useState와 useEffect의 차이점은 무엇인가요? 리액트 훅스는 16.8버전에서 도입된 것으로, 클래스 컴포넌트의 대안으로서 함수형 컴포넌트 작성 방식을 혁신적으로 바꿔놓았습니다. 훅스 API에서 두 가지 중요한 훅스는 useState와 … Read more

React Redux: Fetch PUT 메소드가 OPTIONS 메소드만 반환하는 문제 해결하기 만약 상태 코드가 200인데도 Fetch PUT 메소드가 OPTIONS 메소드만 반환되는 문제가 발생한다면, 이곳에 올바른 곳에 … Read more