1. useState() : 상태 유지 값과 그 값을 갱신하는 함수 반환 컴포넌트 내에서 동적으로 데이터를 관리할 수 있게 만들어주는 hook const [state, setState] = useState(initialState); - state : 상태 값 저장 변수(컴포넌트의 상태, 읽을 때 사용하는 값) - setState : 상태 값 갱신 함수(state 변경 시 사용) - initialState : 상태초기값 => 초기값은 컴포넌트 마운트 시에만 상태에 반영됨 재렌더링(업데이트)시 무시됨 import React, { useState } from "react"; const stateEx = () => { const [count, setCount] = useState(0); //초기값 0 // on..

( 기존 컴퓨터에 등록된 깃 사용자 정보 변경 시) 깃 사용자 정보 삭제 git config --unset user.name git config --unset user.email git config --unset --global user.name git config --unset --globak user.email 깃 사용자 정보 git config --global core.autocrlf true git config --global user.name '깃허브 사용자이름' git config -- global user.email '깃허브 이메일주소' 정보 확인 git config --global --list 초기화 git init 파일을 상태관리로 등록하기 git add . 파일의 상태관리 상황 확인 g..

App컴포넌트 새로고침 or 업데이트 시 자식 컴포넌트도 똑같이 실행됨 => 불필요한 연산 발생 rendering : 코드를 화면에 그려주는 과정 => 컴포넌트가 현재 props와 state의 상태에 기초해 UI를 어떻게 구성할지, 컴포넌트에게 작업을 요청하는 것 rerendering : 리액트에선 초기에 한번 렌더링을 진행하고, 그 이후에 특정 조건이 발생하면 다시 렌더링을 진행 내부 상태(state) 변경시 부모에게 전달받은 값(props) 변경시 중앙 상태값(Context value 혹은 redux store) 변경시 부모 컴포넌트가 리렌더링 되는 경우 출처 : https://narup.tistory.com/272 mount / unmount : 화면에 데이터가 나타나는 것 컴포넌트..

1. 상태변수를 객체로 묶어 저장 // state, setState => 객체 const [state, setState] = useState({ // 프로퍼티 title : '', content : '', emotion : 5 }); 2. setState함수 담은 함수 생성(even연결 시 호출 할 함수 생성) => setState함수 event결과로 바로 호출 X event연결 시 호출할 함수 만들 때 하나의 함수 사용해 객체 유형으로 저장된 state변수 각각에 접근해야 하므로 태그를 구분할 수 있도록 name속성 추가하기 name속성값은 state변수의 프로퍼티 이름과 일치시켜 대상에 접근하도록 const changeState = (e) => { // setState함수 호출하기 // 프로퍼티 각각..