React

React란, 페이스북에서 “지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것” 을 목표로 2013년에 개발한 라이브러리이다. 프레임워크-라이브러리 3대장 인 Angular,Vue,React 중 유일하게 라이브러리이며 지속적인 관리와 생태계가 활성화가 되어있

⚛ React Router > router와 sass에 들어가기 전, SPA에 대해 간단히 정의하고 넘어가보자 SPA란? Single Page Application, 즉 페이지가 하나인 애플리케이션 다수의 페이지가 존재하는 전통적 애플리케이션보다 기능 및 속도적

propertites이며, 단어의 뜻대로 해당 컴포넌트의 속성값이다. (html에서 사용했던 attribute과 비슷하지만, react의 경우 네이밍을 자유롭게 지정할 수 있다.)부모 컴포넌트로부터 전달받은 데이터를 props라는 객체 에 저장하게 된다.(key, va

인스타그램 react 클론을 진행하던 중, 댓글 창의 게시 버튼을 눌렀을 때 input의 value 값 초기화 및 focusing 풀림 방지 기능이 필요했다. 하지만 button태그에서 형제 DOM 노드로 접근하기 위해서는 props가 아닌 다른 방법이 필요했다. 때문

Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 결정하는 식별값이다. 즉, 렌더링 과정에서 어떤 요소에 변동이 있었는지를 확인하기 위해 사용된다.Key값이 없을 때는 가상 DOM을 비교하는 과정에서 리스트를 순차적으로 비교하며 변화를 감지하지만,key값이

✔ 이번에는 1차 프로젝트를 진행하면서 새로 알게된 개념이나, 부족했던 개념 몇가지를 추려서 정리해보고자 한다. Optional Chaining 조건부 렌더링 에러로 난관에 부딪히던 도중.. 갓유진님의 도움을 Optional Chaining을 알게 되었다. (모르는

route props (component, render)

React+JS - useRef

React Design Pattern