[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React useEffect

🤔 useEffect 란? 모든 컴포넌트에는 생성되고 업데이트 되고 사라지는 생명주기를 가지고 있다. 이를 각각 Mount, Update,UnMount로 부른다. Mount : DOM이 생성되고 웹 브라우저 상에 나타남. Update : Props or State가 바뀌었을 때 업데이트 함. Unmount : 컴포넌트가 화면에 사라질 때. 이 처럼 컴포넌트의 생명주기를 역할을 하는 것을 useEffect()함수를 사용해서 조절할 수 있다. ✏️ 사용 방법 1. 기본 형태 useEffect(function,deps) ● function : 랜더링 이후 실행할 함수를 써준다. ● deps : function을 실행 시켜줄 조건을 써준다. 배열 형태로 사용한다. 이 값의 따라 useEffect가 실행될지 안될..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 28.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React useState

🤔 React Hooks? 앞으로 나올 useState,useEffect 같은 hook들은 함수형 컴포넌트에서도 state와 생명주기 기능을 연동 할 수 있게 하기 위해 만들어졌다. 쉽게 말해 이전까지는 클래스형 컴포넌트에서만 가능했던 기능들을 이제는 함수형에서도 사용할 수 있게 된 것이다. (원래는 React에서 없던 기능인데 불편함을 고치고자 다른 개발자들이 모여 직접 개발했다고 한다. -> 실제 개발에 참여한 모든 개발자들은 React측에서 모두 채용을 했다고 한다. 대단한 분들..👍) 이렇듯 이제는 불편한 클래스형 컴포넌트를 굳이 사용안해도 된다. 나도 두가지 모두 사용을 해봤지만 확실히 함수형이 편하다는 것을 느꼈다. 그래서 나는 함수형 컴포넌트 위주로 블로깅을 할 것이다.4 🤔 useState..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 26.
• textsms