Ajax AJAX ( Asynchronous Javascript and XML)는 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술 웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용 이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됨 비동기(asynchronous): 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행, 순서 보장X 나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있음 2023.01.06 - [클라이언트/JavaScript] - [JavaScript] AJAX, API, fetch, Promise, then, json, xml [JavaScript] AJAX, ..

class class 구조 일반HTML에서는 굳이 class를 사용하진 않습니다. React의 class컴포넌트를 사용한다면 알아두세요. 객체변수 멤버변수: let, var 안써도 됨, 멤버변수는 선언하지 않아도 this.변수명 사용하면 자동생성 됨 생성자: 자바스크립트 생성자는 반드시 1개 constructor(a) { this.a = a; } 함수: 변수 타입 안 적음 constructor(a) { this.a = a; } class 상속 super로 반드시 연결 프로그래머가 생성자를 만들어주면 부모의 생성자와 반드시 연결 필요 set, get, static 같은 키워드로 함수를 설정 가능 set - 값을 저장하는 용도의 메서드 get - 값을 조회해서 가지고 나오는 메서드 module export ..

JS ES6 문법 기본문법 - 리액트 쓰려면 사용 let { } 스코프, 중복 선언x var 대신 사용 - var는 함수 스코프 (차이 알기) 더보기 1. let 변수는 { } 스코프 2. var 변수는 함수 스코프 목록1 목록2 목록3 목록4 예제에서 { }라서(함수 스코프가 아니어서) i를 기억하고 있음 var 변수 console.log(i); //4가 나옴 3. var 변수는 함수 스코프 - 즉시 실행 함수로 묶어서 var i를 함수 스코프로 바꿈 목록1 목록2 목록3 목록4 즉시 실행 함수로 묶으면서 함수 안에서만 기억되므로 = var 변수를 지역변수로 만들어 줘서 제대로 된 결과값 나옴 4. let 변수는 { } 스코프 - { } 안에서만 기억함 목록1 목록2 목록3 목록4 제대로 된 결과값 나..