한 개발자의 노트패드

  • 홈
  • 방명록
  • HackerRank

react 2

[react] setState에 관하여.

리액트의 setState는 동기적으로 동작하지 않는다 .예를 들어보자 //this.state={ a:123} 일시this.setState({ a: 456})console.log(this.state.a) ; 결과값은 뭐가 나오는걸까? 456이 나와야 정상이지만 456이 아니다. 123이 나올수도 있고 456이 나올수도 있는 것이다. 리액트의 setState는 비동기적으로 동작한다. 동기적으로 동작하지 않기 때문에setState에 값을 넣어도 원하는 값이 나오지 않을 수도 있다.또한 setState는 인자로 전달한 객체를 원래의 state에 덮어씌우는 성향이 있다.예를 들어보자 //this.state = { Year:0, Month:0} 일시this.setState({ Year:2019})//this.sta..

react 2019.03.24

리액트 router의 activeClassname에 관한 팁.

react-router의 NavLink와 activeClssName에 관하여.react-router에서는 다양한 기능을 제공한다.그중NavLink와 activeClassame에 대해 간단하게 알아보자.NavLink는 link와는 다르게 스타일을 바꾸거나 클래스를 활용할 수 있다.할 형식으로라우팅할 주소의 css를 바꿀 수 있다.activeClassName는 class를 활용하는 방법으로 다양하게 이용될 수 있다.형식으로 사용되며 style도 좀더 동적으로 바꿀 수 있다.styled-component를 이용하여 간단한 예를 들어보자localhost:3000/nextex) const menu=styled.div`width:50px;height:50px;$ .selected{background:red;}메뉴1..

react 2019.02.25
이전
1
다음
프로필사진

현 프론트엔드 개발자

  • 분류 전체보기
    • vue
    • react
    • 개발소식
    • typescript
    • 개발지식
    • 잡담
    • next

Tag

it 사이트, js, release-drafter, 개발 지식, auto tagging, VUE, 코파일럿, vue3, definemodel, css, CI/CD, 타입스크립트, Github Actions, 깃허브액션, evan you, 뷰, 브랜치 전략, 깃허브 액션, ES2023, 깃허브,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.