# CreateElement

13개의 포스트
post-thumbnail

[KDT]FCFE - 7주4일 React ( Hooks )

React Hooks hooks 이전 컴포넌트 내부에 상태가 있다면? class 컴포넌트 내부에 상태가 없다면? 라이프사이클을 사용해야 한다면? class 라이프사이클에 관계 없다면? function class component function comp

2022년 1월 6일
·
0개의 댓글

[React] React 컴포넌트 생성방식 #TIL

React.Component를 상속하여 정의합니다.function과 arrow function을 이용한 두가지 방식이 존재합니다.function 방식arrow function 방식위의 방식으로 element를 생성합니다.하지만 복잡한 컴포넌트는 생성하는데 어려움이 큽니

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - random

이 부분 중요! 앞쪽에 quotes배열을 넣어주고 그 길이 만큼 곱해서 랜덤 수를 지정해주었다. 그리고 Math.floor함수를 넣어서 소숫점 자리를 내려 주었다. 그러면 quotes배열의 해당값이 변수 todaysQuote에 나오고 innerText로 화면에 보여지게

2021년 12월 21일
·
0개의 댓글

자바스크립트로 요소 추가하기 : createElement(), appendChild()

여때까지는 JS를 이용해 HTML에서 뭔가를 가져왔음 document.querySelector(어쩌구) 하지만 먼저 JS에서 무언가를 만들어서 그걸 HTML에 넣어볼 수도 있음. createElement(), createTextnode(), appendChild()

2021년 12월 9일
·
0개의 댓글

Javascript - append vs appendchild

둘 다 js 상에서 부모와 자식 관계를 만들어주는 요소이다.요소(tag)를 생성해줄 때 사용한다.여러개의 자식 형성이 가능하다.string도 자식으로 만들어줄 수 있다.

2021년 11월 20일
·
0개의 댓글
post-thumbnail

[CS] DOM Day-17

DOM이란? Document Object Model의 약자입니다. 프로그래머 입장에서 바라 본 HTML입니다. DOM을 이해하고 조작할 수 있다면 HTML을 단순화 해 웹앱으로 업그레이드 할 수 있습니다. HTML에 JavaScript 적용하기 HTML에 JavaSc

2021년 10월 26일
·
0개의 댓글
post-thumbnail

React 원리

2021년 10월 23일
·
0개의 댓글
post-thumbnail

Quotes & Background -바닐라JS 크롬 앱 만들기 nomad coder

명언들 랜덤으로 화면에 띄워주기quotes.js 내에 object가 모인 array를 만들어준다.ex)html 내에 인용문 넣을 자리를 만들어준다.랜덤으로 명언들을 화면에 띄우기 위해서는 먼저 랜덤으로 명언들을 호출할 수 있어야 한다.10개의 명언이 있다면, quote

2021년 10월 1일
·
0개의 댓글
post-thumbnail

DOM 기초

DOM 이란? / createElement / append(),appendChild() / getElementByTagName

2021년 3월 25일
·
0개의 댓글