본문 바로가기 메뉴 바로가기

고니의 개발 일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

고니의 개발 일지📚

검색하기 폼
  • 분류 전체보기 (55)
    • Computer Science 💻 (4)
      • 운영체제 (2)
      • 네트워크 (0)
      • 자료구조 (0)
      • 데이터베이스 (0)
    • 기초 문법📚 (6)
      • JS(ES6+) (6)
    • Algorithm 🤖 (7)
      • 백준 문제 (3)
      • 프로그래머스 (4)
    • 웹 개발 (4)
    • React (12)
      • Javascript (9)
      • Typescript (2)
      • 토이프로젝트 (1)
    • Ubuntu Linux 🐧 (22)
      • [컴퓨터시스템관리] 실습일지 (14)
      • [컴퓨터시스템관리] 실습과제 (8)
    • 자격증📜 (0)
  • 방명록

리액트state (2)
React에서 state를 사용하는 이유?, useState() 사용법

프로젝트 하면서 useState()를 정말 많이 썼는데... 문득 드는 생각 아 let 대신 왜 state를 쓰는거였지? 저번에 정리한 포스팅 보충 설명할 겸, 이번에 확실히 개념도 정리할 겸 포스팅 합니다. ㅎ ▶ useState란? React Hooks에서 제공하는 함수입니다. 리액트에서 state란, 컴포넌트에서 변경될 수 있는 값을 말합니다. 함수형 컴포넌트에서 state를 변경하기 위해 사용하는 것이 useState() 함수 입니다. useState는 2개의 인자를 받을 수 있습니다. ▶ 사용법 useState(a, b) a => 상태 값이 저장되는 자리 b => 상태 값을 변경하는 함수의 자리 ES6에 새로 추가된 비구조화 할당을 사용하여 더욱 쉽게 이를 활용할 수 있습니다. const [ti..

React/Javascript 2022. 12. 15. 22:14
React) Understanding State / 리렌더링 방식 (1)

index.html [니꼬쌤 코멘트] - 이 코드는 완전 perfect한 코드가 아님. *****React의 강점 : countUp()이 호출될 때 counter 변수가 증가하고 다시 render()를 호출하면, vanilla js의 경우 counter뿐만 아니라 div, span 태그까지 모두 리렌더링 함 React에서는 Countainer 컴포넌트를 전체를 리렌더링 하지만, 사실 HTML 코드에서는 counter(숫자)만 변화한다!!! 바뀐 부분을 리렌더링 할 경우, 전체를 전부 생성할 필요 없이 바뀐 부분만 새로 생성할 수 있도록 도와주기 때문에 굉장히 유용하다~~ 참고 : #3.1 setState part One – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Noma..

React/Javascript 2022. 1. 16. 23:29
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 스크롤내리면나타나는애니메이션
  • 리액트독학
  • Graphql서버연결
  • 자바스크립트미니프로젝트
  • 자바스크립트문법
  • 자바스크립트기초
  • 프로세스
  • 프로그래머스js
  • 리액트버튼누르면스크롤이동
  • graphql
  • 리액트state
  • 리액트
  • 리액트스크롤애니메이션
  • 무료목업레퍼런스사이트
  • graphql개념
  • 리액트커스텀훅
  • 프로세스스레드차이
  • 가까운수js
  • 자바스크립트최단거리
  • JS비동기
  • CSS디자인
  • 웹디자인툴
  • 개인플젝
  • 리액트스크롤이벤트
  • 프로그래머스
  • 리액트스크롤
  • 자바스크립트프로그래머스
  • 토이프로젝트디자인
  • ReactAnimation
  • 숫자표현JS
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바