componentDidUpdate 이는 클래스 컴포넌트에서 사용되는 라이프사이클중 하나로 이 메서드는 컴포넌트가 업데이트 된 직후에 호출됩니다 그렇다는 것은 주로 setState 로 인해서 state 변화로 인한 컴포넌트의 재 렌더링 하고 관련이 있을것입니다 import React from "react"; class Class_mount2 ext...

지난시간에는 Class 형 리액트의 라이프사이클 중에서 Mount 에 대해서 했는데 비교를 위해서 이번에는 함수형 컴포넌트에서 이와 유사한 Hook 을 소개하겠습니다 Hook 훅은 class 형 컴포넌트에서 했었던 라이프사이클을 함수형 컴포넌트에서 하기 위해서 만들어진 기능입니다 상태를 감지하기 위한 useState , useEffect 가 대표적인...

React LifeCycle 리액트의 라이프사이클은 컴포넌트가 생성되고 제거되는 과정에서 발생하는 다양한 단계를 말하는데 이를 통해 언제 컴포넌트가 렌더링되고 업데이트 되는지 알 수 있습니다 이 내용은 원래 클래스형 컴포넌트에서만 사용된 개념이지만 함수형 컴포넌트로 넘어가서도 사용할 수 있는 개념이 되었습니다 오늘은 그중에서 class 형 컴포넌트 라...

State React 에서의 state 는 컴포넌트의 데이터 관리를 위한 핵심적인 개념입니다 컴포넌트는 자체적인 state 를 가질 수 있으며 이 state 는 컴포넌트의 상태를 나타내는 데이터를 관리합니다 React 에서는 state 가 변경되면 React 는 해당 컴포넌트를 다시 렌더링 하여 새로운 상태를 화면에 반영합니다 class 형 Sta...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...

소스 전체 https://gitlab.com/kimdongy1000/public_project_amadeus/-/tree/main?ref_type=heads 해당 소스는 민감한 정보를 제외한 순수 코드입니다 사용하실려면 application.yml 에 자신이 필요한 정보를 기입하시면 사용 가능합니다 해당 글을 적는부분과 소스의 올라간 부분은 상당히...