Archive

  • 홈
  • 태그
  • 방명록

ReactJS/Basic 12

[ReactJS] TIL #2

State state 기본적으로 데이터가 저장되는 곳을 뜻한다 ReactJS에서 업데이트되는 변수 나타내기 Vanilla JS 와의 차이 Vanilla JS 는 HTML 내의 요소가 업데이트될 때 그 요소의 부모들이 함께 업데이트되지만 React JS 는 바뀌는 요소만 업데이트 된다 React JS 에서 render을 하면 전체를 다시 생성한 후 교체할 것이라고 생각된다 그러나 render은 바뀐 부분만 새로 생성할 수 있게 한다 값을 업데이트하는 좋지 않은 방법 변수를 업데이트하였을 때 UI도 바뀌어야 하므로 rendering도 동반해야 한다 따라서 이 방법은 번거롭다 const root = document.getElementById("root"); let counter = 0; //JSX는 중괄호 {..

ReactJS/Basic 2022.07.06

[React JS] React JS 입문 & JSX

00. React 를 사용하기 위해서는! 아래의 source를 import 해줘야 한다 01. ReactJS 코드 어려운 방식으로 작성하기 createElement는 현직 개발자들이 사용하지 않지만 ReactJS의 기초이자 핵심이다 /*어려운 방식으로 React-JS 코드 작성하는 방법*/ const root = document.getElementById("root") // element 가 배치될 위치 const span = React.createElement("span", {id: "sexy-span"}, "hello"); // span 생성 // 위 함수의 argument 작성을 통해 element를 생성함 // argument 1) 괄호 안에 태그명을 넣어 element를 생성함 // argume..

ReactJS/Basic 2022.07.01
이전
1 2
다음
더보기
프로필사진

Archive

  • 분류 전체보기 (92)
    • ME (1)
    • CS (5)
      • 컴퓨터구조 (0)
      • 네트워크 (4)
      • 운영체제 (1)
    • Project🛠️⚙️ (7)
    • 🧐 (1)
    • Algorithm (31)
      • STUDY (2)
      • 이것이 코딩테스트다 (9)
      • BOJ (19)
    • Next.js (0)
    • ReactJS (25)
      • Basic (12)
      • Twitter App Clone (4)
      • React 200제 (4)
    • JavaScript (11)
    • Flutter (3)
    • Git (3)
    • Python (4)
    • Java (1)
    • C++ (0)

최근댓글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바