javascript2 React(2) 리액트 state & onClick 사용법 (reference data type을 곁들인) 목차 1. 기본사용법 2. state사용법 3. onClick 사용법 4. state변경하는 방법 기본 사용법 자, Visual Studio Code에 React를 작성해보자! ※ 폴더 설명 - node_modules 폴더 : 라이브러리 코드 보관함 - public 폴더 : htm파일이나 img파일 임시적으로 저장하고 싶을때, static파일 모아 놓는곳 - src 폴더 : 주로 우리가 코드 짜는곳 ※ 파일 설명 - src폴더에, App.js : 이 쪽에 코드를 짤것이다. 이것이 우리의 메인 페이지! - src폴더에, App.css : 이 쪽은, css와 동일하다! - "기본 홈페이지 틀인 index.html에, 우리가 다룰 App.js를 집어넣어 주세요" 라는 행동을 index.js가 해주고 있음 - .. 2023. 6. 10. AJAX에 대하여 AJAX란? AJAX(Asynchronos Javascript And XML)라는 것은, 비동기 서버 통신 방식 라는 뜻이다 (여기서 비동기란, 웹을 돌려놓고 다른 일을 한다. 즉, 그것이 끝나면 정해놓은 함수(=콜백함수)를 부른다는 뜻이다.) 따라서, 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지를 리프레쉬 하지 않고, 일부분만을 업데이트 할 수 있게 해준다. (여기서 일부분이라 함은, 문서 객체 모델(DOM, Document Object Model)을 이용하여 변경할 수 있다.) AJAX 사용법 먼저, Ajax는 jQuery를 임포트한 페이지에서만 동작 가능하다. 다운로드를 따로 하여 웹페이지 파일과 같이 둘 게 아니라면, 사이트에서 원하는 버전을 선택하여 url 주소를 입력하는 방.. 2023. 2. 10. 이전 1 다음
