React

1.바뀐 부분만 정확히 바꿔야 한다.1.가상의 돔 트리를 사용해서,2.이전 상태와 이후 상태를 비교하여,3.바뀐 부분을 찾아내서 자동으로 바꾼다.

JS가 전부 다운로드 되어 리액트 애플리케이션이 정상 실행되기 전까지는 화면이 보이지 않음.JS가 전부 다운로드 외어 리액트 애플리케이션이 정상 실행된 후, 화면이 보이면서 유저가 인터렉션 가능JS가 전부 다운로드 되지 않아도, 일단 화면은 보이지만 유저가 사용 할 수

DOM은 html 단위 하나하나를 객체로 생각하는 모델이다. EX)"div"라는 객체는 텍스트 노드,자식 노드 등등 ,하위의 어떤값을 가지고 있다.이런 구조를 트리 구조라고 합니다.DOM트리중 하나가 수정될때마다 모든 DOM을 뒤지고,수정할 걸 찾고,다 수정을 한다면

React 에서 기존에 사용하던 Class를 이용한 코드를 작성할 필요 없이,state와, 여러 React 기능을 사용할 수 있도록 만든 라이브러리함수형 컴포넌트도 클래스형처럼 사용할 수 있다.함수형 컴포넌트는 클래스 컴포넌트와 다르게,모듈로 활용하기 쉬워서 서로의 장

거의 최초로 React 기반의 상태 관리 라이브러리로 자리를 잡은 지 꽤 되었다. Redux는 이커머스 앱의 문제점을 해결하기 위해 만들어졌다. Store라고 하는 Javascript 객체를 제공하며, 한 번 설정으로 어플리케이션의 모든 상태를 포함하고, 필요할 때 업

말하는바 그대로 전역에서 상태를 관리한다는 의미다.리액트에서는 상위에서 하위로 상태값을 전달하여 상태를 관리하게 되어있다.전역에서 상태관리를 하는 방법에는 리액트 Hook에서 제공하는 Context API 라는것을 제공한다자바스크립트 앱을 위한 예측 가능한 상태 컨테이

구글 머테리얼 디자인을 기반으로 제작된 UI 라이브러리리액트 기반 UI 라이브러리 중 가장 인기 있고 성숙한 라이브러리지원하는 기능과 디자인이 다양함stable 버전에서는 inline style을 사용하고 있어, 컴포넌트 커스터마이징 하는게 생각보다 쉽지 않음style

태블릿, PC, 모바일 등 다양한 디바이스의 해상도로 접근할 때 불편함이 없는 서비스를 제공하기 위해 디바이스에 맞는 해상도에 따라서 레이아웃과 스타일에 최적화를 해주어 사용자에게 편의성이 높은 UI 화면을 제공한다.only|not\-only : 뒤의 조건에서 만\-n

이번주 실전프로젝트를 진행하면서 제일 힘들었던점은 영상을 녹화할때 30초타이머를 설정해서 자동 녹화 종료가 되게 해야했다.녹화 시작 버튼을 누르면 30초가 카운트 다운되는데 이때 setTimeout(stopRecording, 30000)만 입력하니 녹화 종료가 30초동

이번에 내가 일주일동안 만든 미니프로젝트인 CoinTracker에 대해 스스로 코드 리뷰를 하고자한다. 작업기간은 9월7일~9월 14일 이다react : 효율적인 UI 구현을 위한 라이브러리이다. react-helmet : 웹 문서의 헤더 값을 변경할 때 사용하는 리

사이드프로젝트로 쇼핑몰을 만들고 있는데 메뉴를 클릭시 색이나 사이즈를 변경하고 싶었다usestate를 사용하려 구현할려 했지만 더 편한 방법이 있을꺼같아서 찾아보았다.구글링을 하던 중에 react-router-dom에서 link 하고 navlink를 지원해준다는 것을

데이터를 가져오기 위한 React hook 라이브러리이다. SWR은 원격 데이터를 가져올 때 캐싱된 데이터가 있으면 그 데이터를 먼저 반환한 다음 가져오기 요청을 보내고, 마지막으로 최신 데이터와 함께 제공하는 라이브러리다.LightweightRealtimeSusoen