코딩 일기장
태그 목록
- 전체보기(146)
- 프로그래머스(14)
- CSS(12)
- React(5)
- 객체지향(4)
- status(3)
- git(3)
- styled component(3)
- http(3)
- useselector(2)
- Math.sqrt()(2)
- JavaScript(2)
- linux(2)
- set(2)
- State(2)
- useRef(2)
- Math.round(2)
- line height(2)
- 로그인유지(2)
- Event(2)
- setTimeout(2)
- localstorage(2)
- redux(2)
- json(2)
- axios(2)
- 유클리드호제법(2)
- border-box(2)
- transition(2)
- 객체(2)
- Token(2)
- useEffect(2)
- 최소공배수(2)
- JOIN(2)
- new Date(2)
- html(2)
- usedispatch(2)
- 최대공약수(2)
- cors(1)
- etag(1)
- sudo(1)
- position(1)
- sticky(1)
- res(1)
- CSS root(1)
- proto(1)
- promise(1)
- sql(1)
- express 공식문서(1)
- express session(1)
- tab(1)
- Cashe(1)
- HTTP Headers(1)
- 타겟넘버(1)
- 자료구조(1)
- absolute(1)
- text align(1)
- API(1)
- link(1)
- schema(1)
- relative(1)
- visual studio(1)
- push(1)
- prepend()(1)
- 순열(1)
- SQL 키워드(1)
- stopPropagation(1)
- stateCode(1)
- document.querySelector(1)
- catch(1)
- 소수 구하기(1)
- bind(1)
- Linux 명령어(1)
- If-None-Match(1)
- stack(1)
- queue(1)
- 애자일(1)
- transform(1)
- REST(1)
- 쿠키(1)
- align items(1)
- justify content(1)
- mac(1)
- 이미지(1)
- purecomponent(1)
- fillRect(1)
- new Array()(1)
- oAuth(1)
- 유효성검사(1)
- nodemon(1)
- project(1)
- url(1)
- getBoundingClientRect(1)
- 비밀지도(1)
- If-Modified-Since(1)
- chmod(1)
- jwt.verify(1)
- 숫자 문자열과 영단어(1)
- 알고리즘(1)
- head(1)
- 면접(1)
- client(1)
- MVC(1)
- Dispatch(1)
- 소수구하기(1)
- 중복순열(1)
- 피보나치 수(1)
- CSS 변수 지정(1)
- css 상속(1)
- dotenv(1)
- 리랜더링(1)
- await(1)
- matrix(1)
- storybook(1)
- useState(1)
- ajax(1)
- 조합(1)
- react-typescript-redux(1)
- 환경변수(1)
- Side Effect(1)
- fixed(1)
- margin:auto(1)
- img(1)
- alt(1)
- react redux(1)
- ×(1)
- 참조값(1)
- Spread(1)
- async(1)
- ref(1)
- Math.ceil(1)
- class(1)
- includes()(1)
- store(1)
- Flex(1)
- export(1)
- &&(1)
- useParams(1)
- 고차함수(1)
- rel(1)
- html 전역속성(1)
- 위치(1)
- Prettier(1)
- tcp(1)
- salt(1)
- css 선택자(1)
- unshift(1)
- pointer-events(1)
- Object.create(1)
- query(1)
- su(1)
- 에라토스테네스의 체(1)
- action(1)
- Hashing(1)
- 비트연산자(1)
- classList(1)
- margin(1)
- 2022(1)
- UDP(1)
- cli(1)
- switch(1)
- https(1)
- JWT(1)
- protocol(1)
- 새로고침(1)
- scrollIntoViews()(1)
- mongodb(1)
- concat(1)
- 비밀번호 수정(1)
- docker(1)
- box-sizing(1)
- Last-Modified(1)
- require(1)
- 신규아이디 추천(1)
- Map 역순(1)
- 캐시(1)
- filter(1)
- href(1)
- fillStyle(1)
- content-box(1)
- default(1)
- jwt.sign(1)
- z-index(1)
- foreach(1)
- 비동기함수(1)
- CSS data(1)
- interface(1)
- Math.floor(1)
- window.requestAnimationFrame(1)
- 빌드(1)
- options(1)
- 객체 배열 중복 제거(1)
- event.target(1)
- 콘텐츠 협상(1)
- 재귀함수(1)
- padEnd()(1)
- 데이터베이스(1)
- 10진법(1)
- Sort(1)
- rsi(1)
- 비트맵(1)
- setInterval(1)
- 가비지 컬렉션(1)
- DOM(1)
- body(1)
- 3진법 뒤집기(1)
- mysql(1)
- 화살표함수(1)
- 길찾기(1)
- background(1)
- 코플릿(1)
- useCallback(1)
- data-*(1)
- shift(1)
- 리렌더링(1)
- 벡터(1)
- 카카오맵(1)
- focus(1)
- CSR(1)
- SSR(1)
- http/네트워크(1)
- splice(1)
- 실패율(1)
- 모달(1)
- preventDefault(1)
- content negotiation(1)
- Pop(1)
- Date.now(1)
- block(1)
- inline(1)
- 토큰(1)
- split()(1)
- 2016년(1)
- HTTP와 HTTPS 차이점(1)
- opacity(1)
- 단축키(1)
- appendChild(1)
- params(1)
- provider(1)
- form(1)
- label(1)
- super(1)
- Fetch(1)
- react typescript(1)
- Flat(1)
- pick or not(1)
- 리액트 초기화(1)
- translate(1)
- IntersectionObserver(1)
- 인증/보안(1)
- 상속(1)
- toString(1)
- window.scrollY(1)
- 날씨 API(1)
- JSX(1)
- express(1)
- slice(1)
- 변수(1)
- 중복 제거(1)
- req(1)
- Map(1)
- Math.random(1)
- onchange(1)
- Threshold(1)
- Props(1)
- MongoDB CRUD(1)
- CreateElement(1)
- else(1)
- translateY(1)
- 진법(1)
- 운영체제(1)
- closure(1)
- utf(1)
- padStart()(1)
- rcc(1)
- Payload(1)
- 브랜치(1)
- session(1)
- 컴퓨터 공학 기초(1)
- 문자열 뒤집기(1)
- 터미널(1)
- hover(1)
- static(1)
- scope(1)
- call(1)
- 스레드(1)
- sop(1)
- 비관계형 데이터베이스(1)
- canvas(1)
- 브라우저 초기화(1)
- JadenCase(1)
- Document.getElementById()(1)
- tag(1)
- 정규표현식(1)
- 생략(1)
- react ts redux(1)
- js typescript(1)
- 배열(1)
전체보기 (146)프로그래머스(14)CSS(12)React(5)객체지향(4)status(3)git(3)styled component(3)http(3)useselector(2)Math.sqrt()(2)JavaScript(2)linux(2)set(2)State(2)useRef(2)Math.round(2)line height(2)로그인유지(2)Event(2)setTimeout(2)localstorage(2)redux(2)json(2)axios(2)유클리드호제법(2)border-box(2)transition(2)객체(2)Token(2)useEffect(2)최소공배수(2)JOIN(2)new Date(2)html(2)usedispatch(2)최대공약수(2)cors(1)etag(1)sudo(1)position(1)sticky(1)res(1)CSS root(1)proto(1)promise(1)sql(1)express 공식문서(1)express session(1)tab(1)Cashe(1)HTTP Headers(1)타겟넘버(1)자료구조(1)absolute(1)text align(1)API(1)link(1)schema(1)relative(1)visual studio(1)push(1)prepend()(1)순열(1)SQL 키워드(1)stopPropagation(1)stateCode(1)document.querySelector(1)catch(1)소수 구하기(1)bind(1)Linux 명령어(1)If-None-Match(1)stack(1)queue(1)애자일(1)transform(1)REST(1)쿠키(1)align items(1)justify content(1)mac(1)이미지(1)purecomponent(1)fillRect(1)new Array()(1)oAuth(1)유효성검사(1)nodemon(1)project(1)url(1)getBoundingClientRect(1)비밀지도(1)If-Modified-Since(1)chmod(1)jwt.verify(1)숫자 문자열과 영단어(1)알고리즘(1)head(1)면접(1)client(1)MVC(1)Dispatch(1)소수구하기(1)중복순열(1)피보나치 수(1)CSS 변수 지정(1)css 상속(1)dotenv(1)리랜더링(1)await(1)matrix(1)storybook(1)useState(1)ajax(1)조합(1)react-typescript-redux(1)환경변수(1)Side Effect(1)fixed(1)margin:auto(1)img(1)alt(1)react redux(1)×(1)참조값(1)Spread(1)async(1)ref(1)Math.ceil(1)class(1)includes()(1)store(1)Flex(1)export(1)&&(1)useParams(1)고차함수(1)rel(1)html 전역속성(1)위치(1)Prettier(1)tcp(1)salt(1)css 선택자(1)unshift(1)pointer-events(1)Object.create(1)query(1)su(1)에라토스테네스의 체(1)action(1)Hashing(1)비트연산자(1)classList(1)margin(1)2022(1)UDP(1)cli(1)switch(1)https(1)JWT(1)protocol(1)새로고침(1)scrollIntoViews()(1)mongodb(1)concat(1)비밀번호 수정(1)docker(1)box-sizing(1)Last-Modified(1)require(1)신규아이디 추천(1)Map 역순(1)캐시(1)filter(1)href(1)fillStyle(1)content-box(1)default(1)jwt.sign(1)z-index(1)foreach(1)비동기함수(1)CSS data(1)interface(1)Math.floor(1)window.requestAnimationFrame(1)빌드(1)options(1)객체 배열 중복 제거(1)event.target(1)콘텐츠 협상(1)재귀함수(1)padEnd()(1)데이터베이스(1)10진법(1)Sort(1)rsi(1)비트맵(1)setInterval(1)가비지 컬렉션(1)DOM(1)body(1)3진법 뒤집기(1)mysql(1)화살표함수(1)길찾기(1)background(1)코플릿(1)useCallback(1)data-*(1)shift(1)리렌더링(1)벡터(1)카카오맵(1)focus(1)CSR(1)SSR(1)http/네트워크(1)splice(1)실패율(1)모달(1)preventDefault(1)content negotiation(1)Pop(1)Date.now(1)block(1)inline(1)토큰(1)split()(1)2016년(1)HTTP와 HTTPS 차이점(1)opacity(1)단축키(1)appendChild(1)params(1)provider(1)form(1)label(1)super(1)Fetch(1)react typescript(1)Flat(1)pick or not(1)리액트 초기화(1)translate(1)IntersectionObserver(1)인증/보안(1)상속(1)toString(1)window.scrollY(1)날씨 API(1)JSX(1)express(1)slice(1)변수(1)중복 제거(1)req(1)Map(1)Math.random(1)onchange(1)Threshold(1)Props(1)MongoDB CRUD(1)CreateElement(1)else(1)translateY(1)진법(1)운영체제(1)closure(1)utf(1)padStart()(1)rcc(1)Payload(1)브랜치(1)session(1)컴퓨터 공학 기초(1)문자열 뒤집기(1)터미널(1)hover(1)static(1)scope(1)call(1)스레드(1)sop(1)비관계형 데이터베이스(1)canvas(1)브라우저 초기화(1)JadenCase(1)Document.getElementById()(1)tag(1)정규표현식(1)생략(1)react ts redux(1)js typescript(1)배열(1)
22.03.01 복습
React 함수형에서 쓰는 Ref원하는 곳에 접근하여 사용할 수 있다.state나 props가 변경될 때마다 다시 불러온다.하지만 두번째 인자에 \[]을 넣어주면 처음에만 불러온다.\[]에 원하는 데이터가 바뀔 때만 변경을 원하면 두 번째 인자에 count 이런 식으로
2022년 2월 28일
·
0개의 댓글
1.3
useRef의 특징.state와 비슷하게 저장공간으로 사용된다.1\. ref에 넣으면 state처럼 매번 randering이 되지 않아 불필요한 randering을 줄일 수 있다.2\. state가 변경이 되어 randering이 되더라도 ref의 값은 변하지 않는다.
2022년 1월 3일
·
0개의 댓글