(정리, 링크)React life-cycle & Ajax
1. Class Life-Cycle
리액트 생명주기 - React class life-cycle method & control
참초 학습영상 생활코딩 - https://www.youtube.com/playlist?list=PLuHgQVnccGMCEfBwnNGsJCQDiqSWI-edj 생명주기 메소드 - https://ko.reactjs.org/docs/react-component.html#commonly-used-lifecycle-methods
meta-tony.tistory.com
2. Function Life-Cycle
React Hooks Lifecycle - useEffect
2018년 리액트 컨퍼런스에 발표된 Hooks 는 기존의 class 방식의 무한 랩핑으로 인한 코드 복잡성을 줄일 수 있다고 발표하였습니다. 또한 클래스 방식의 몇몇 사이드 이펙트 메소드는 안전하지 않
meta-tony.tistory.com
3.Class AJAX
React-Class Ajax
React를 통한 간단한 AJAX 코드 //fetch호출이 시작되는 public폴더에 list.json과 1, 2, 3 파일명의 json을 저장 class Nav extends Component { state = { list:[] } componentDidMount() { fetch('list.json') .then(function(result){ return r
meta-tony.tistory.com
4. function AJAX
React Function Ajax
기존의 Class 방식의 코드를 함수방식으로 수정하는 작업을 진행하였습니다. 함수 방식으로 AJAX를 구현할 때 다음과 같이 주의할 점이 있습니다. 함수 방식에서는 렌더 이후에 작업이 진행되어
meta-tony.tistory.com
AJAX-Javascript
AJAX, fetch-API, AJAX polyfill
Reference 생활코딩 AJAX 1. AJAX 자바스크립트와 연동하여 리로딩없이 페이지 및 데이터 로직 구현 (Single Page; Web Application) 최근 검색 엔진에 불리한 점이 보완된 pjax를 사용(pjax = pushState + ajax) 2. fetch
meta-tony.tistory.com