전체 글18 8.JSON HTTP 브라우저에서 동작하고있는 웹사이트나 웹어플리케이션과 같은 클라이언트가 서버와 통신하는 방법을 정의한 것이다. 서버와 통신하는 api 중에는 대표적으로 XHR(XMLHttpRequest)가 있고 또 다른 방법으로는 AJAX( Asynchronous JavaScript and XML)가 있다. AJAX 클라이언트와 서버가 데이터를 주고 받을 때 웹 페이지 전체를 다시 로딩하지 않고, 웹페이지의 일부분만을 갱신할 수 있다. *AJAX의 단점 중 하나로 서버 푸시 방식을 하지 못한다는 것이 있다. AJAX는 클라이언트 풀링(client pooling)방식을 사용하는데 사용자가 직접 원하는 정보를 서버에게 요청하여 얻는 방식을 의미한다. 서버 푸시 방식(server push) 방식은 사용자가 요청하지 않.. 2022. 1. 20. 6.array 오브젝트와 배열의 차이점 토끼와 당근 오브젝트 해석 토끼 - 귀 두개, 먹는다, 뛴다 당근 - 주황색, 비타민C 배열 해석 토끼 여러마리, 당근 여러개 자바스크립트는 한 배열에 다양한 종류의 데이터를 넣을 수 있지만 좋지않은 방법이다. 인덱스는 0부터 시작한다. 그래서 배열의 마지막 인덱스를 찾고 싶은 경우 length를 구해 1을 뺴줘야 알 수 있다. 대괄호에 인덱스를 넣어 데이터를 불러오는데 인덱스의 크기가 배열 길이를 넘어갈경우 undefined가 출려된다. 마지막은 forEach라는 함수를 이용해 출력하는데 데이터, 데이터의 인덱스, 배열 순으로 인자를 넣으면 출력이 된다. pop과 push는 데이터의 뒷부분에서 추가, 제거를 수행한다. unshift와 shift는 pop, push와는 반대로 앞.. 2022. 1. 17. 5.object primitive type을 함수에 넣을 경우 갯수가 적을 땐 상관이 없지만 많을 경우 모든 변수들을 다 넣어줘야하기 때문에 불필요한 코딩을 해야한다. 위의 불편한 점을 개선하고자 오브젝트를 만들어서 사용하는데 필요한 데이터들을 오브젝트로 묶어 보내주면 가독성이 좋다. 자바스크립트는 대괄호 밖에서도 선언하고 지울 수 있다. 이렇게 동적으로 할 경우 유지 보수 때 비효율적이다. 들어온 데이터에 따라 출력하는게 다를 경우 in은 오브젝트 of는 배열에 적합하다 user2의 name값을 변경할 경우 user의 name도 같이 값이 변한다. const user2 = user는 user의 키와 밸류를 가리키고있는 ref를 그대로 가져가는 것이다. 그래서 name을 변경하면 ref를 참고해 값을 바꿔주기 때문에 u.. 2022. 1. 16. 4.class class 조금이라도 관련되어있는 데이터들을 묶어둔 것이다. 클래스는 템플릿이고 그 템플릿을 이용해 object를 만든다. ex) 붕어빵을 만들 때 붕어빵 모양의 틀(class)이 있고 그 틀을 이용해 여러 종류의 붕어빵(object)을 만든다. Getter와 Setter의 필요성 이름과 나이를 입력하는 서비스를 제공할 때 사용자가 양식에 맞게 데이터를 입력하지 않을 수 있다. 예를 들면 나이에 마이너스를 붙여 입력할 수 있기 때문에 데이터를 걸러줄 필요가 있다. Getter와 Setter를 사용 할 땐 안의 변수들을 바꿔줘야한다. 겟터와 셋터가 있으면 this.age = age; 는 메모리를 참고한는게 아니라 겟터와 셋터를 확인하고 셋터 안의 this.age = value;도 셋터를 다시 참고해 반복이.. 2022. 1. 16. 이전 1 2 3 4 5 다음
