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

고니의 개발 일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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)
  • 방명록

React (12)
React) useState() 알아보기 / 리렌더링 방식 (2)

노마드코더의 ReactJS로 영화 웹 서비스 만들기 강의 중 일부분을 듣고 정리한 내용입니다. 유용한 자바스크립트 문법 const food = ["tomato", "potato"] // 배열 선언 이때, "tomato", "potato"를 변수에 저장하고 싶을 때는 어떻게 해야할까요? const tomato = food[0]; const potato = food[1]; 와 같이 배열의 index를 이용해서 배열의 요소들을 저장할 수 있습니다. 그러나 자바스크립트에서는 이것보다 더 쉽고 유용한 방법이 있습니다! const [myFavFood, mySecondFood] = food; 이러한 표현을 사용하면, myFavFood => "tomato" mySecondFood => "potato" 가 저장이 됩니다..

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

Blog is powered by Tistory / Designed by Tistory

티스토리툴바