react(4)
-
JSX란(장점, 사용법 등..)
1.JSX란? JSX는 JavaScript의 확장 문법으로 JavaScript와 XML/HTML이 합친 것입니다. ①XML이란? 데이터를 교환하기 위한 Markup 언어이다. JSX 문법을 적용한 간단한 코드입니다. const element = Hello; 'const element = ' 는 JAVASCRIPT 문법이며, Hello 코드는 html 에서 쓰는 코드입니다. 이렇게 JavaScript와 html/xml 문법이 결합된 것입니다. 2.JSX의 역할 JSX는 내부적으로는 JavaScript로 변형 됩니다. 여기서, JavaScript로 변형 시키는 것이, createElement 함수입니다. 하기 코드는 JSX를 쓴 코드와 쓰지 않은 코드가 있습니다. //jsx를 쓴 코드 const elemen..
2024.01.14 -
리엑트 장점과 단점
1.리액트의 장점 ①빠른 업데이트 웹 페이지의 메뉴 중에 있는 버튼을 아무거나 눌러서 업데이트를 하는데, 업데이트 시간이 굉장히 오래걸린다면 사용자들은 도중에 나가버린다고 한다. 그런 상황을 막기 위해서, REACT에서는 이런 상황을 막기 위해서 Virtual DOM이 있다. ⓐDOM(Document Object Model)이란? 브라우저안에는 웹 문서를 해석 할 수 있는 랜더링 엔진이 있다. 브라우저에서 랜더링엔진이 html 요소를 제어화 할 수 있도록 웹 문서를 객체화한 것이다. ⓑVirtual DOM이란? 리엑트에서는 Virtual DOM을 이용해서 실제 DOM과 같은 복사 본입니다. 그런 이유 때문에, 브라우저에 접근하지 못합니다. 리엑트는 가상 돔을 이용해서 돔조작을 훨씬 빠르게 해준다. ⓒVi..
2024.01.14 -
React란?
1.React란? 메타에서 개발한 JS 라이브러리이다. 2.React의 역할은? React 사이트에서 라이브러리의 간략한 정의가 있습니다. React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 라고 쓰여 있습니다. React 사이트의 정의를 이해하기 위해서는 사용자 인터페이스와 라이브러리를 알아야합니다. ① 사용자 인터페이스(User Interface) 사용자와 시스템 간의 상호작용을 원활하게 도와주는 장치나 소프트웨어 웹을 예시로 들자면, 버튼, 텍스트 입력창 등이 있습니다. 버튼을 눌러서 ..
2024.01.08 -
react 개발 환경 구축
1. Node.js란? 우리가 아는 아래 사진에 있는 마크인 JavaScript는 웹 브라우저에서 작동하는 언어입니다. 그렇기 때문에, node.js는 브라우저 바깥에서 쓸 수 있도록 해주는 것이라고 보시면 됩니다. JavaScript에 관해서 더 알고 싶으시면 JavaScript란? 공부할 언어는 JavaScript입니다. 아래 사진의 마크는, JavaScript입니다. 1. JavaScript의 개발자 JavaScript의 개발자는 브랜든 아이크입니다. 브랜든 아이크는 JavaScript와 브라우저 firefox를 만든 프로그래 kim-kang-hyun.tistory.com 2. npm이란? NPM(Node Package Manager)는 명령어로 자바스크립트 라이브러리를 설치하고 관리(삭제도 가능)..
2024.01.08