목록자바스크립트 (3)
개발스토리
AJAX AJAX는 비동기적 웹 서비스를 개발할 때 사용하는 기법이다. 쉽게 말해 페이지 이동 없이 서버에 요청을 보내고 응답을 받는 기술이다. 보통 AJAX 요청은 jQuery나 axios 같은 라이브러리를 이용해서 보낸다. 프론트엔드에서 사용하려면 HTML 파일을 하나 만들고 그 안에 script 태그를 추가해야 한다. 두 번째 태그 안에 앞으로 나오는 프론트엔드 예제 코드를 넣으면 된다. 먼저 요청의 한 종류인 GET요청을 보내보자. axios.get함수의 인수로 요청을 보낼 주소를 넣으면 된다. axios.get('https://www.yeah.com/api/get') .then((result)=>{ console.log(result); console.log(result.data); // {} }..
서버 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램을 말한다. 클라이언트 : 요청을 보내는 주체로 브라우저, 데스크톱 프로그램, 모바일 앱 등 다양하다. 서버라고 해서 요청에 대한 응답만 하는 것은 아니다. 다른 서버에 요청을 보낼 수도 있다. 이 때는, 서버가 클라이언트 역할을 한다. 정리 서버는 클라이언트 요청에 대해 응답을 한다. 응답으로 수락을 할 수도 거절을 할 수도 있다. 노드 또한 자바스크립트 프로그램이 서버로서 기능하기 위한 도구를 제공하므로 서버 역할을 수행 가능하다. 자바스크립트 런타임 런타임이란 특정 언어로 만든 프로그램들을 실행할 수 있는 환경이다. 노드는 V8, libuv 라이브러리를 사용한다. V8과 libuv는 c, c++로 구현되었지만, 우리가 작..

JavaScript는 본인만의 독특한 성격을 가지고 있다. JavaScript는 멀티-패러다임 언어로 명령형, 함수형, 프로토타입 기반 객체지향 언어이다. 클래스가 없어서 객체지향이 아닌 것이 아니다. 즉, JavaScript는 클래스 개념이 없고 별도로 객체를 생성할 수 있는 방법이 존재한다. * 생성자 함수 * 객체 리터럴 * Object() 생성자 함수 위에 코드에서 문제점이 무엇일까? -> 같은 역할을 하는 객체들인 것을 확인 할 수 있다. 같은 역할을 하는 객체를 하나로 통합하지 않고 놔두면서 중복이 발생한다. 중복이 발생하면 코드 양이 늘어날 뿐 아니라, 유지 보수하는 데에도 어렵다. 따라서, 중복을 제거하기 위해 생성자, new를 사용한다. 이렇게 생성자, new를 사용해서 중복을 제거할 수..