라이프사이클
-
항해99 | 4주차 회고 안녕하세요 TriplexLab 입니다. 이번주 회고 주제는 라이프사이클(클래스형 vs 함수형), react hooks 입니다. 👉라이프사이클 생명주기 메서드, 즉 리액트의 데이터가 실행되고 움직이는 순서같은 거라고 생각하면 된다. 👉클래스방식 위 그림을 보면, 클래스 방식으로 리액트 컴포넌트를 만들 때 그 컴포넌트의 여러 메소드 들이 어떤 순서로 호출되는가를 보여준다. 시작점에서 시작하여 componentWillMount() 라는 메소드는 리액트가 그 컴포넌트에 구현되어있는 메소드를 호출하는 것으로 약속되어있다. 어떤 컴포넌트가 생성되기 전에 처리해야 할 일이 있다면, componentWillMount()라는 메소드를 구현하는것을 통해서 (컴포넌트가 우리가 필요로 하는 코드를 갖..
항해99 | 4주차 WIL회고항해99 | 4주차 회고 안녕하세요 TriplexLab 입니다. 이번주 회고 주제는 라이프사이클(클래스형 vs 함수형), react hooks 입니다. 👉라이프사이클 생명주기 메서드, 즉 리액트의 데이터가 실행되고 움직이는 순서같은 거라고 생각하면 된다. 👉클래스방식 위 그림을 보면, 클래스 방식으로 리액트 컴포넌트를 만들 때 그 컴포넌트의 여러 메소드 들이 어떤 순서로 호출되는가를 보여준다. 시작점에서 시작하여 componentWillMount() 라는 메소드는 리액트가 그 컴포넌트에 구현되어있는 메소드를 호출하는 것으로 약속되어있다. 어떤 컴포넌트가 생성되기 전에 처리해야 할 일이 있다면, componentWillMount()라는 메소드를 구현하는것을 통해서 (컴포넌트가 우리가 필요로 하는 코드를 갖..
2022.06.06 -
Jquery Ajax 사용방법 안녕하세요 TriplexLab 입니다 :) Jquery Ajax를 사용할려면 어느 시점에 이벤트가 발생하는지 알아볼 필요가 있습니다. 그건 보통 "라이프사이클"이라고도 부릅니다. ReactJS, VueJS...등등 과 같은 라이브러리도 이런 라이프사이클들이 존재 합니다. jQuery 최신버전에서 사용가능한 메서드들 메서드 설명 ajaxStart 첫 번째 Ajax 요청이 시작될 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 보여주기 처리) ajaxStop 모든 Ajax 요청이 완료되는 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 감추기 처리) done 요청 성공시 호출 fail 요청 실패시 호출 always 성공 실패 상관없이 호출 jQuery 구 버전..
Jquery Ajax 사용방법Jquery Ajax 사용방법 안녕하세요 TriplexLab 입니다 :) Jquery Ajax를 사용할려면 어느 시점에 이벤트가 발생하는지 알아볼 필요가 있습니다. 그건 보통 "라이프사이클"이라고도 부릅니다. ReactJS, VueJS...등등 과 같은 라이브러리도 이런 라이프사이클들이 존재 합니다. jQuery 최신버전에서 사용가능한 메서드들 메서드 설명 ajaxStart 첫 번째 Ajax 요청이 시작될 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 보여주기 처리) ajaxStop 모든 Ajax 요청이 완료되는 시점에 호출 할 핸들러를 등록한다. (ex 로딩 이미지 감추기 처리) done 요청 성공시 호출 fail 요청 실패시 호출 always 성공 실패 상관없이 호출 jQuery 구 버전..
2021.01.31