[React] xml / html

Hyo Kyun Lee·2021년 7월 29일
0

React

목록 보기
1/41
  • React는 프론트엔드 프레임워크이다.
  • 이 React 및 UI구현을 위해 html에 javascript기능을 구현한 문법이 xml이다.

위 두가지를 기억하면 xml, html을 더욱 쉽게 이해할 수 있다.

1. xml

javascript 환경에 맞는 html

데이터 저장 및 전송을 중심으로 이루어진 문법, 틀

xml과 html은 tag구성이나 전체적인 형식으로 보았을 때는 유사하지만,
엄연히 design purpose가 다른 문법이다.

xml은 data의 표현보다는 교환 및 저장에 중점을 둔 언어이다.

다른 언어를 사용하는 application 사이에서의 공통된 데이터 문법을 제공하기도 한다.

다시 말해, html은 웹브라우저 환경에서만 작동하는 것과는 달리, xml은 모든 환경에서 사용이 가능하다.

html tag에서 이미 정해진 정의와는 달리, xml은 사용자가 정의하여 사용할 수 있는데,
사실상 tag의 의미보다는 마치 class를 선언하는 것처럼 사용한다.

2. html

UI 구현, data를 웹 페이지에 보여주기 위한 틀

html 문법에서 제공하는 틀은 그 기능들이 정해져있다.

tag를 이용한다는 점에서는 유사하지만 구현에 초점을 맞춘 문법이 html이다.

node.js를 활용한 서버를 구동할 경우, 기본적으로 javascript 환경에서 사용하기 때문에 해당 환경과 적합한 특징을 지닌 문법사용이 필요하다.

이 경우 html보다는 xml문법을 활용하는 것이 좋고, 특히 React 환경에서 xml문법은 필수적으로 활용된다(node.js 상에서 전달되는 data 활용시 xml 문법을 활용하는 것이 훨씬 logic 구현면에서 간편하다).

3. 참조링크

https://jgj1018.github.io/web/2017/07/01/web1.html
https://abcdqbbq.tistory.com/44

0개의 댓글