728x90 반응형 리액트3 React에서 JS를 HTML처럼 사용할 수 있었던 이유(JSX) React에서 JS를 HTML처럼 사용할 수 있었던 이유(JSX) 오늘은 전 시간에서 궁금할 수 있었던 점인 JS에서 HTML처럼 사용할 수 있는 이유에 대해서 간단하게 설명드리려고 합니다. 우선 처음 React를 생성하고 웹을 실행하시고 src폴더에 App.js를 수정하면 웹의 모습도 똑같이 변한다는 것을 확인하실 수 있었습니다. ※ App.js 처럼 JS인데 HTML처럼 사용하는데 이것은 HTML을 사용하는 것이 아닌 HTML과 비슷하게 작성할 수 있는 JSX라는 문법을 사용하는 것입니다.. 그러면 어떻게 JS에서 HTML처럼 사용할 수 있는지 설명을 드리면 1) App.js에 작성된 JSX를 2) 같은 폴더에 있는 index.js에서 읽고 3) public 폴더에 있는 index.html에 옮겨지는.. 2022. 11. 15. Visual Studio Code로 React 사용하는 방법(node js 사용) Visual Studio Code로 React 사용하는 방법 오늘은 Visual Studio Code 에디터를 사용해서 React를 사용하는 방법에 대해서 알아보겠습니다. 물론 다른 에디터에서도 사용할 수 있지만 React를 사용하기 위해 필요한 터미널이 있고 무료이기 때문에 Visual Studio Code를 사용하겠습니다. React를 사용하기 위해서는 React를 다운로드하거나, url을 통해 연결하거나, node js를 통해 불러오는 방법 등이 있습니다. 오늘은 node js를 통해서 React를 불러오는 방법을 소개해드리겠습니다. (1) node js 설치 우선 node js를 설치하셔야 합니다. 구글에 node js를 검색하시고 우측의 최신 버전을 다운로드해줍니다. (저는 window에서 진행.. 2022. 11. 15. React JS란? React JS란? 오늘은 JS를 사용하면서 유용하게 사용할 수 있는 프레임워크 중 React JS에 대해 알아보겠습니다. 여기서 프레임워크란 사전에서는 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조라고 정리가 되어있습니다. 간단하게 프레임워크를 설명드리면 프로그래밍 언어를 통해 작업을 할 때 간단하게 작업할 수 있도록 만들어진 틀이라고 생각하시면 될 것 같습니다. ※ 여기서 알아두셔야 할 점은 꼭 JS에만 프레임워크가 있는 것이 아니고 다른 프로그래밍 언어에도 프레임 워크는 있다는 것을 알아두셔야 합니다. 어떤 프로젝트를 진행하고, 어떤 언어를 사용하냐에 따라 달라지는 것입니다. JS 프레임워크 중에는 React, Vue, Angular, Svelte, JQuery 등등 많은.. 2022. 11. 15. 이전 1 다음 728x90 반응형
