ReactJS

제대로 이해한게 맞는진 모르지만 prettier가 설치된 경로의 setting.json 파일에 아래 객체를 추가해주면 됨설정 - formatOnSave 검색 후 체크박스 체크

앱을 이루는 최소한의 단위이며 이 컴포넌트들을 조합하여 앱이 만들어진다.컴포넌트는 props 와 state를 다룬다. props : 부모 컴포넌트가 자식 컴포넌트에 주는 값이며 자식컴포넌트는 부모에게 받은 props를 직접 수정 할 수 없다.state : 컴포넌트 내부

react 16.8버전부터 새로 추가된 Hook 중 하나로 클래스 형태의 컴포넌트에서 사용하던 Lifecycle 기능을 함수 형태의 컴포넌트에서도 연동할수 있게 해주는 함수이다.자바스크립트의 getElement(s)By(selector) 처럼 특정 DOM을 선택할 수

일반적인 웹페이지의 경우 페이지가 여러개로 구성되어있어 유저가 요청할 때마다 페이지가 새로고침되어 페이지가 로딩되는데 반해 SPA(Single Page Application) 의 경우 특성상 페이지 하나에 모든 정보가 들어간다. 하나의 페이지에 모든걸 다 보여주는 결과

useReducer는 useState처럼 상태를 업데이트 하는 Hook으로, useState와 달리 App컴포넌트에서 분리시킬 수 있어 다른곳에서도 쉽게 재사용 가능하다. 컴포넌트에서 관리하는 값이 여러개가 되어서 상태의 구조가 복잡해진다면 useState보다 useR

기존에는 위와 같이 부모컴포넌트에서 자식컴포넌트로 props를 전달했으나, 단계가 많아질수록 이 과정이 번거로워 진다. Context를 이용하면 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 props값을 공유하도록 설정할 수 있다.