키키의 개발일기 [Kiki's Dev Diary]

리액트 복습 첫 번째 - 전체적인 흐름 이해와 Counter 함수 구현 버튼을 누르면 숫자가 1씩 올라가는 기초 그 잡채인 함수를 구현해 보기 with useState,, 우선 리액트란? 사용자 정의 태그를 만드는 기술 그 사용자 정의 태그를 컴포넌트라고 한다. 편리함 등을 위해 리액트로 컴포넌트라는 작은 단위의 부품을 만듦 이 때 컴포넌트는 반드시 대문자로! JSX는 리액트에서 UI를 표현하기 위해 확장된 문법 대충 자바스크립트 문법이랑 비슷하지만 html을 곁들인 것 npx create-react-app@latest . npm start 을 터미널에 입력해서 리액트 가장 최신버전으로 손쉽게 애플리케이션 생성하고 시작 http://localhost:3000/ 로 접속하면 리액트 애플리케이션 실시간으로 ..

리액트 공부하면서 useState를 겨우 이해하며 사용하던 중 맞닥트린 useEffect,, 여러 가지 자료를 찾아보며 공부해 본 결과 useEffect 어느 정도 이해하기 성공! 우선 간단한 용어정리부터 Mount - 화면에 첫 렌더링 Update - 다시 렌더링 Unmount - 화면에서 사라질 때 useEffect는 주로 콜백함수를 받음 useEffect( ( ) => { } ) → 이렇게 콜백함수만 넣으면 렌더링 될 때마다 매번 실행됨 (Mount, Update 될 때마다 실행) useEffect( ( ) => { }, [ ] ) → 이렇게 배열(Dependency Array)을 넣어주면 화면에 첫 렌더링 될 때, 그리고 배열 안의 값이 바뀔 때만 실행 → 배열 안을 비워 놓으면 화면에 첫 렌더링..