React

리액트 공식문서(https://reactjs.org/docs/react-api.htmlReact.PureComponentReact.PureComponent is similar to React.Component. The difference between them

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

예전에는 웹 어플리케이션을 개발 할 때 하나의 웹 어플리케이션 안에 해당하는 페이지가 각각 html문서로 하나씩 저장되어있었다.서버 안에 해당하는 주소의 웹 페이지가 저장되어 있었고, 하나의 웹 어플리케이션에서 화면을 전환 할 때 해당하는 페이지가 서버에서 랜더링해 하

이것은 문자열도 HTML도 아닌 자바스크립트의 확장된 문법 JSX이다.JSX를 통해 UI 로직을 설명해 줄 수 있기 때문에 리엑트와 함께 사용하는 것을 권장한다.리엑트에서 렌더링 로직이 UI로직과 연결된다는 사실을 받아들인다.마크업와 비즈니스 로직을 분리하는 것이 아닌

리엑트는 순수 자바스크립트이고, 자바스크립트를 이용해 컴포넌트들을 만들어 나간다.브라우저는 HTML, CSS, JavaScript만을 읽을 수 있다.리엑트는 결국 바벨을 이용해 자바스크립트로 변환되어지고 변환된 자바스크립트가 HTML과 연결시켜주는 것이 React-DO

리액트에서 컴포넌트는 독립적이고 재사용 가능한 최소의 코드 단위이다.자바스크립트의 함수와 같은 목적을 제공하지만 분리되어 동작하고 HTML을 return 해주는 특징을 가졌다.컴포넌트의 이름은 항상 대문자로 시작해야한다.컴포넌트는 함수형 컴포넌트와 클래스형 컴포넌트로

리액트에서 props와 state는 데이터를 다루는 개념이다. 공식문서props (“properties”의 줄임말) 와 state 는 일반 JavaScript 객체입니다. 두 객체 모두 렌더링 결과물에 영향을 주는 정보를 갖고 있는데, 한 가지 중요한 방식에서 차이가

리액트에서 컴포넌트가 실행 될 때 컴포넌트에는 생성, 업데이트, 제거 동작의 생명주기를 가지게 된다.생명주기(lifecycle) 메소드는 클래스형 컴포넌트에서 사용되며, 함수형 컴포넌트에서는 Hook을 사용한다.생명주기 메소드와 Hook은 비슷하게 사용되지만 커버하지

hook은 클래스 컴포넌트가 아닌 곳에서 state와 리액트 기능을 사용할 수 있게 도와준다.state와 생명주기 메서드를 함수형 컴포넌트에서 지속해서 사용 가능하도록 만들어주고 리액트에서 제공해주고 있다.컴포넌트 내에서 동적인 데이터(state)를 관리해주는 hook