React

마크업 언어의 한 종류뼈대 구성하는 언어Tag들로 구성됨복잡한 웹사이트의 경우 많은 html태그 존재.SPA를 통해서 여러개의 html을 관리한다.React가 이것들을 채워넣는 역할을 한다.디자인..동적인 작업ECMAScript컴파일 언어 vs 스크립트 언어 : 런타임

간결한 코드가독성 향상버그를 발견하기 쉬움Injection Attacks 방어

어떤 물체를 구성하는 성분자바스크립트 객체 형태로 존재한다.type, props, childrenreact의 element는 실제로 보이는 것을 기술한다.immutable: 불변의 ➡️ elements 생성 후에는 children이나 attributes를 바꿀 수 없다

레고 블록 조립하듯 컴포넌트를 모아서 개발한다. 여러개를 반복적으로 배치하면서 하나의 컴포넌트를 구성하고 ... 또 모여서 구성하고.. 또 모여서 구성하고.. ➡️ 유지보수 편리함붕어빵 틀 -> component붕어빵 -> element클래스와 객체의 관게와 유사pro

class component와 가장 관련있는 개념이다.리액트 컴포넌트의 상태 (데이터) 변경가능한 데이터 -> 개발자가 정의한다.렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함!변경되면 재렌더링되므로 의도치않게 성능을 저하시킬 수 있다.State는 J

갈고리를 걸어 원하는 시점에 정해진 함수를 쓰도록 하는 것훅 앞에 요지를 달아 내줘야한다Side effect를 사용하기 위한 hooksize effect = 효과, 영향다른 컴포넌트에 영향을 미칠 수 있으며, 렌더링 중에는 작업이 완료될 수 없기 때문리액트의 함수 컴포

사건: 특정 사건 ex. 사용자가 버튼을 클릭한 사건사용하는 방법이 조금 다르다!어떤 사건이 발생하면, 사건을 처리하는 역할Event Listener라고 불리기도..bind을 하는 이유: 자바스크립트에서는 기본적으로 함수가 bound되지 않는다... (무슨 말인지 아직

양식: 사용자로부터 입력을 받기 위해 사용Controlled Component 접근하고 제어하기 편하기 위해 react를 사용한다.사용자의 입력을 직접적으로 제어할 수 있게 하는 것이 바로 controlled component다!여러 줄에 걸쳐 긴 텍스트를 입력받기 위

여러 개의 컴포넌트를 합쳐서 새로운 컴포넌트를 만드는 것"합성"에 더 가깝다.여러개의 컴포넌트를 어떻게 조합할 것인가?조합에 따라 방법이 바뀐다.담다, 포함하다하위컴포넌트를 포함하는 형태의 합성 방법Sidebar나 Dialog같은 Box형태의 컴포넌트는 자신의 하위 컴

기존의 reactJS에서는 컴포넌트의 props를 통해서 데이터를 전달을 하였다. 하지만, 여러컴포넌트를 동시에 사용하게 되면 곧바로 컴포넌트를 트리로 전달할 수 있게 된다.이때까지는 위와 같은 방식으로 이루어져있었다.그렇다면 언제사용해야할까?로그읜 여부 (네비게이션