componentDidMount
-
React 기초 : Life-cycle 관련 함수의 정의와 API호출컴퓨터 알아가기/React 2021. 6. 15. 19:30
이번시간에는 React에서 라이브러리가 동작하는 과정인 Lifecycle에 대한 개념을 보고자 하며 이를 통해서 API를 호출하여 동작을 시키는 개념을 잡고자합니다. ☞ API API는 Application Programming Interface의 약자로 말 그대로 응용프로그램세트로 보시면 됩니다. 서버에 있는 응용프로그램을 호출해서 개발하고자 하는 프로그램을 만드는데 사용하니 해당 응용프로그램 개발을 위한 시간과 비용을 절약할 수 있습니다. 지난 시간에 사용되었던 함수중에서 Mount 라는 단어가 있는 것을 확인할 수 있었는데 예를 들어서 componentDidMount( ) 함수를 사용한적이 있습니다. 이 함수를 사용하였을때 Life-cycle함수를 이용한 state변수 지정시 사용하였고 주기적으로 ..
-
React 기초 : Props (함수형 Component), State (클래스형 Component)컴퓨터 알아가기/React 2021. 6. 10. 19:30
지난 시간에 함수형 Component를 공부하면서 속성인 Props 에 대해 알아봤습니다. Props는 기본적으로 이름이나 사진 또는 타이틀과 내용같이 고정되어진 데이터를 처리하는데 사용하고 있습니다. 이번에 같이 볼 State는 말그대로 상태를 나타내는 것으로 변경될 수 있는 데이터를 처리할 때 사용합니다. State가 변경되면 render( ) 함수가 다시 실행된다는 이야기입니다. 그래서 State를 사용하게 된다면 클래스형 Component를 사용하게 된다는 점도 머리속에 저장하고 진행해 보는 걸로 하겠습니다. (참고로 Props는 함수형 Component입니다. ) 무슨뜻인지는 Codepen을 통하여 예제를 보면서 이해를 하는 것으로 해 보겠습니다. ▒ Props 개념을 이용한 시간 나타내기 2번..