emayom.log

  • 방명록

createElement() 1

[React] #6 리액트에서 Element 생성하기 : createElement()

오늘은 강의를 들으며 공부했던 내용을 작게나마 정리하려고 한다. 만약 리액트로 아래와 같이 텅텅 빈 html 내부에 태그를 이용해 "Hello world"를 출력하고 싶다면 어떻게 할 수 있을까? 🤔 먼저 자바스크립트로 DOM을 다루며 Element를 생성할 때를 생각해보자. 우리는 아마도 아래와 같은 스크립트를 작성할 것이다. const root = document.getElementById("root"); //삽입할 h1 엘리먼트를 생성 const h1 = document.createElement("h1"); //생성된 엘리먼트에 주입될 텍스트 작성 h1.textContent = "Hello world"; //해당 엘리먼트를 자식으로 추가 root.appendChild(h1); 그렇다면 리액트는 어떻..

JS/React 2021.08.28
이전
1
다음
프로필사진

emayom.log

습관의 고리는 인식할 수 없을 정도로 너무 약해 보인다. 그러다가 끊어버릴 수 없을 정도로 막강해진다.

  • 분류 전체보기 (114)
    • HTML (2)
    • CSS (10)
      • SCSS (0)
      • CSS3 (0)
    • JS (32)
      • [Udemy] 클린코드 자바스크립트 (0)
      • Javascript (14)
      • React (12)
    • Programmers (46)
      • Algorithm, Data Structure (3)
      • Level 1 (36)
      • Level 2 (7)
    • FE interview (5)
    • etc. (16)
      • git (4)

Tag

프론트앤드, 레벨 1, level 1, 프로그래머스, JS, 자바스크립트, 코딩테스트, input, javascript, React, html, Jeklly, 리액트, level1, 코테, 기술면접, programmers, 함수 선언식, 컴포넌트, css,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
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

방문자수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 + /
⇧ + /

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