리액트 (React)4 SPA (Single Page Application) 아래 글쓴이분이 잘 정리해두셨다. https://velog.io/@josworks27/SPA-%EA%B0%9C%EB%85%90 SPA(Single Page Application)에 기초 개념 단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터 JSON으로 전달 velog.io 2021. 11. 1. react - useState 리액트에선 변수처럼 쓸 수 있는 useState가 있다. 변수처럼 데이터를 넣어두는 용도로 사용하고 변수의 경우는 새로고침 되어야 변경된 값이 출력되지만 useState를 사용하면 페이지 전체를 새로고침 하지 않고 그부분만 리렌더링을 하여 웹을 App처럼 동작하게 만들 수 있다. 2021. 10. 27. react - Life Cycle (생명주기 함수) 리액트의 생명주기는 컴포넌트의 생성, 변경, 소멸의 과정을 뜻한다 constructor 컴포넌트의 생성자 메서드로 컴포넌트가 만들어지면 가장 먼저 실행된다. getDerivedStateFromProps 앞에 static 을 필요로 하고, this를 조회할 수 없다. 특정 개체를 반환하면 해당 객체 안에 있는 내용들이 컴포넌트의 state로 정설된다. null을 반환하면 아무일도 발생하지 않음. 이 메서드는 리렌더링 되기 전에도 매번 실행된다. render 컴포넌트를 렌더링 해준다. componentDidMount 컴포넌트의 첫번째 렌더링이 끝나면 호출되는 메서드. 주로 D3, masonry 처럼 DOM 을 사용해야하는 외부 라이브러리 연동을 하거나, 해당 컴포넌트에서 필요로하는 데이터를 요청하기 위해 a.. 2021. 10. 27. 리덕스 키워드 리덕스 키워드에 대한 설명과 댓글 일부를 가져왔다. 액션 (Action) 상태에 변화가 필요할 때 발생시킴 (객체하나로 표현) type을 필수로 그외의 값들은 개발자 마음대로 생성 액션 생성함수 (Action Creator) 컴포넌트에서 더욱 쉽게 액션을 발생시키기 위함 필수 아님 리듀서 (Reducer) 변화를 일으키는 함수 현재의 상태와 액션을 참조하여 새로운 상태를 반환 스토어 (Store) 한 애플리케이션당 하나의 스토어 현재의 앱 상태와, 리듀서, 내장함수 포함 디스패치 (dispatch) 스토어의 내장함수 액션을 발생 시키는 것 구독 (subscribe) 스토어의 내장함수 subscribe 함수에 특정 함수를 전달해주면, 액션이 디스패치 되었을 때 마다 전달해준 함수가 호출 (리액트에서는 co.. 2021. 10. 22. 이전 1 다음
