주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

드디어 리액트 기초강의끝!! 이젠 typescript를 보려고하는데 보는 매일 안쓰다보니 ㅠ 글이 엉망이다. 강의 볼때마다 글 쓰도록 해봐야지... 강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 리액트 라우터 라우터를 쓰기위해서 모듈을 설치해준다. 필요한 것은 react-router와 react-router-dom이다. npm i react-router react-router-dom react-router는 웹, 앱 모두 사용할 수 있다고 한다. react-router-dom이 웹브라우저에서 사용하기 위해 필요한것들이 있다고 한다. react-router만 설치해도 종속성에 의해 ..

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 성능최적화 구글확장플러그인 devtools로 확인하여 테스트한 후에 최적화가 필요하면 진행한다. 최적화작업은 작업의 마지막에 한다. useEffect와 useRef로 재렌더링이 되는 이유를 디버깅할 수 있는 방법이 있다. ref를 만들어서 props나 state들을 넣고 비교하면서 검사하면된다, import React, {useCallback, useEffect, useRef}from 'react'; const Test = () => { const Ref = uesRef([]); useEffect(() =>{ // 콘솔에 찍어보자 co..