728x90 반응형 JS26 JS- AJAX란? JS- AJAX란? 안녕하세요! 오늘은 프로그램 개발을 하면서 유용하게 사용될 AJAX에 대해서 소개해드리겠습니다~!! 우선 AJAX란 정의를 먼저 설명드리면 AJAX(Asynchronous JavaScript and XML)는 비동기 자바스크립트와 xml을 의미합니다! 여기서 비동기란 서버와 브라우저가 연결되면서 브라우저가 끊기지 않고 서버와 연동되는 것을 의미하고 xml은 간단하게 설명을 드리면 서버에 정보를 요청하면 해당 요청에 대해 답변을 의미한다 정도로 생각하시면 좋을 거 같습니다!! 그럼 어떤 경우에 사용되는지 알면 좋을 거 같은데요~ 예를 들면 A라는 Select Box와 B라는 Select Box가 있습니다. 근데 A를 선택하면 해당 결과에 따라 B의 내용이 바뀌게 하고 싶은 상황입니다. .. 2024. 1. 29. 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 2 3 4 ··· 7 다음 728x90 반응형
