react

React Native 0.78버전이 지난 2월 배포되었다. 새 React Native버전에서 업데이트된 요소중 개인적으로 중요하다 생각하는 2가지를 짧게 정리해보았다.전체 릴리즈 노트는 여기서 확인할 수 있다.https://reactnative.dev/blog/2025/02/19/react-native-0.78 React Native 0.78 - React 19 and more · React NativeToday we are excited to release React Native 0.78!reactnative.dev 1. React 19이제 React Native에서 React 19를 지원한다.React 19에서는 useActionState, useOptimistic등 여러 기능들이 추가되었으며, 이..

1. 개요react-dropzone 라이브러리는 드래그 앤 드랍(drage and drop)을 쉽게 구현할 수 있게 도와주는 라이브러리이다.사용자가 이미지, 파일 등을 업로드 할 때 드래그 앤 드랍이 있으면 사용성이 증가하는 경우가 있다.이번에는 react-dropzone라이브러리 사용법을 간단하게 정리해보았다. 2. GitHub모든 사용방법은 공식 GitHub에서 확인할 수 있다.https://github.com/react-dropzone/react-dropzone GitHub - react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.Simple HTML5 drag-drop zone with React.js. Contribut..

1. 개요React의 핵심 기능중 하나는 VritualDOM이다.VirtualDOM과 관련된 내용은 아래에 다뤄본 적이 있다.https://w-storage.tistory.com/71 [React] VitrualDOM을 알아보자!1. 개요React는 최적화를 위한 기능들을 내장하고 있다. 그중 하나가 VirtualDOM이다.VirtualDOM은 무엇이고 어떻게 작동할까? 또 React는 왜 VirtualDOM을 사용할까?이번 글에서는 VirtualDOM과 동작 방식에 대w-storage.tistory.com여기서 궁금증이 발생한다. VirtualDOM을 이용하면 속도는 어떻게 될까? 2. VirtualDOM을 이용하면 속도가 빨라질까?그럴수도 있고 아닐수도 있다.VirtualDOM은 "최소한의 DOM 업..

최초 작성일 : 2024.11.18최종 수정일 : 2024.11.18 1. 개요프로젝트에 기능을 추가, 리팩토링 등의 작업을 하다보면 테스트코드가 절실해질 때가 있다.그래서 테스트 코트 환경을 도입하려 하지만 환경세팅부터 어려움이 발생하기도 한다. 우선, Next.js공식 문서에서 테스트 환경 구축 방법을 설명하는 페이지가 있다.https://nextjs.org/docs/app/building-your-application/testing/jest Testing: Jest | Next.jsLearn how to set up Jest with Next.js for Unit Testing and Snapshot Testing.nextjs.org다만 이 페이지의 내용대로만 진행해도 실행이 안될 수 있는데,이번 ..