요정세상코딩다솜 요정세상코딩다솜

🎵 BGM. 내 머리가 나빠서 - SS501 내 머리는 너무나 나빠서 너 하나밖에 난 모르고오 ~ 꽃남시대라면 다 아는 머리 나쁜 사람들 자체 BGM 2월 16일 날 진행된 스터디는 알차게 배운 내용들이 많아서 딱딱히 굳어버린 내 머릿속에 강제 주입을 시켜야 했었다 그렇게 강제 주입된 내용을 한번 여기서 신명나게 풀어보겠다 강제 주입한 내용. useEffect - clean up 함수 호출 조건 useEffect clean up 함수 호출 조건은 2가지다 다음 useEffect가 호출되기 직전 컴포넌트의 내가 사라져볼게 얍! show (= unmount, 컴포넌트가 사라질 때) ⬇️ 아래 코드로 clean up 함수가 호출되는 상황을 살펴보겠다 👀 import "./styles.css"; import {..

state가 변경될 때 마다 코드는 계속 실행된다 code again & again & again & again state가 변화할 때 모든 component / code들이 다시 실행된다 2pm 재소환 ... ➡️ 우리가 변화된 value를 볼 수 있는 이유 ? 모든 code들이 다시 실행되기 때문이다 하지만 component 내부의 몇몇 코드는 처음 딱 ! 한번만 실행되고 다시 실행될 필요가 없을 때가 있다 example. API를 호출하거나 어떤 중요한 일을 할 때에는 계속 다시 실행되지 않고 딱 ☝🏻 component가 맨 처음 render될 때만 특정 코드의 실행을 제한 할 수 있는 방법 (다시 실행 ❌) ⏬ useEffect 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Re..

발표하면 인간 염소가 되는 나란 사람 ... 🐐 메에에 - 메에에 - 2022년 2월 9일 이 날을 잊지 않겠다는 마음으로 그때 내용을 다시 작성해 본다 💬 용어정리 • 라이프 사이클 : 컴포넌트가 생겨나고 변화하고 없어지는 일련의 프로세스를 프로그래머가 통제하는 것 • 프로세스 : 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 • 마운트 : DOM 객체가 생성되고 브라우저에 나타나는 것 • 언마운트 : 컴포넌트가 DOM에서 제거되는 것 Props (Properties의 줄임말) 상위 컴포넌트로 부터 하위 컴포넌트에 데이터를 보낼 수 있게 해주는 방식 💭 '야 너 이거 먹을래?' '응 줘! 먹을 랩' 이런 느낌 ..? 💭 리액트의 특징 중 하나! 단방향 데이터 흐름을 갖는다 ➡️ 상위 컴포넌트에서 ..