react 2

div 태그

Division의 약자로 웹사이트의 레이아웃을 만들때 주로 사용한다. 웹 페이지에서 논리적 구분을 정의하는 태그이다. div 태그를 사용하여 각각의 공간을 알맞게 배치하고 CSS를 활용하여 스타일을 적용할 수 있다.

 

index.html

div id = root는 비어있다.

 

app.js

 

실행 시, 코드 캡쳐화면

 

react는 자바스크립트로 요소들을 생성하고, html에 밀어넣는다. 그래서 html 코드에는 보이지 않지만 실제로 구동하면 보이는 것을 알 수 있다.

 

출처

https://coding-factory.tistory.com/188

[Html] Div 태그 사용법 & 예제

https://academy.nomadcoders.co

Academy