공부 기록일지📚

🍕Promise란? Promise는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환 ref : MDN -자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 내장 obj(객체) 이다. -비동기 적인 것을 수행할 때 콜백 함수 대신에 유용하게 사용할 수 있는 객체 -장시간의 기능을 수행하고 나서 정상적으로 기능이 수행됐다면 성공 메세지와 함께 처리된 결과값을 전달해주고 기능이 제..

보호되어 있는 글입니다.

🍕HTTP(Hypertext Transfer Protocal) -클라이언트와 서버 사이의 통신 규약 -클라이언트는 서버에 request 할 수 있고 서버는 그 응답에 response 한다. 🍕AJAX (Asynchronous JavaScript And XML) -웹 페이지에서 동적으로 서버와 데이터를 주고받을 수 있는 기술 -자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할수 있는 통신 기능 XMLHttpRequest(XHR)객체: 브라우저 API에서 제공하는 obj중 하나로 해당 객체를 이용하면 간단하게 서버에 데이터를 주고받을 수 있음 fetch() API: XHR과 같은 기능을 하지만 최신버전의 API 단점이 있다면 IE에서 지원하지 않음! *비동기 방식? 웹페이지를 리로드하지..

🍕객체? 자바스크립트 데이터 타입 중 하나 관련된 정보나 기능끼리 묶여있는 집합체 거의 모든 객체들이 JS의 Object 객체의 인스턴스이다. 즉, Object 객체가 최상위 객체라는 소리 객체는 key와 value의 집합체 🍕객체 생성방법 1. object literal syntax - {} 중괄호 사용해서 만드는 거 // 일반적인 방법 2. object constructor syntax - 생성자 함수 이용해서 만들기 3. ES6 ) new키워드와 함께 class를 통해 객체 만들기 JS의 class개념이 ES6에서 도입된 것을 보면 이전에는 생성자 함수(constructor)를 활용해서 객체를 만들었다는 것 즉, 클래스의 개념이 도입되기 전에는 함수로 객체를 만들었다. 🍕computed proper..

클래스란 연관있는 데이터들을 한 곳에 묶어놓은 컨테이너 역할을 한다. class Person{ name; age; // 이름과 나이와 같은 것들은 '속성' field 필드 라고 함 speak(); // 말하기와 같은 '행동'은 method 라고 합니다. } -> 클래스( fields + methods ) // 변수 + 함수 간혹 메소드는 들어있지 않고 필드들만 있는 클래스가 있는데 그것을 데이터 클래스 라고 부릅니다. 내부적으로 보일 수 있는 변수와 밖에서 보이는 변수를 나눠서 캡슐화(Encapsulation) 제공 또한 클래스를 통해서 상속 다형성*이 일어날 수 있음 이런 모든 것을 가능한 곳이 객체지향언어이다. *다형성(polymorphism)이란 하나의 객체가 여러 가지 타입을 가질 수 있는 것을 ..

// Function expression // a function declaration can be called earlier than it is defined. (hoised) // a function expression is created when the execution reches it. //a function declaration(호이스팅 지원) vs a function expression 비교 함수(Function) - 프로그램의 fundamental building block - subprogram (여러번 재사용되기 때문에) - 한 가지의 일을 처리하거나 값을 계산할 때 사용(한 함수에 여러가지 일을 처리하게 만들면 안된다.) - 하나의 return을 무조건 가지고 있음 (없는 애들은 re..

최신 ECMAScript인 TypeScript를 개발할 때 사용하고 사용자한테 배포할때는 BABEL(타입스크립트를 ES5, ES6의 형태로 변환된 코드로 만들어주는 자바스크립트 트랜스컴파일러 )을 이용한다. 현재 동향 SPA (Single Page Application) -> 하나의 페이지 안에서 필요한 데이터를 가져와 부분적으로 업데이트하는 형식 이러한 SPA를 조금 더 쉽게 구현하기 위해서 사용되는 대표 js프레임워크가 바로 React.js Angular.js Vue.js 인 것입니다. 강력한 자바스크립트 엔진V8*을 통해서 node.js(Back-end)가 등장 *V8은 google이 개발했으며 chrome과 node.js에서 사용됩니다. JavaScript는 WebAPI와 헷갈릴 수 있는데 다르다..

웹 환경에서 JavaScript 목적 = HTML 조작과 변경(핵심) -> HTML조작하는 것이 핵심이라고 했으므로 당연히 JS가 들어간 script태그는 HTML 요소들 아래에 작성해야 오류가 나지 않음(그래서 body태그의 끝쪽에 script태그를 넣으라고 하는 것) ->JS와 HTML은 분리시켜줘야 한다. 그래서 onclick 내부에 바로 js코드를 작성하는 것은 좋지 않음 따로따로 작성해라 ->분리시켜주기 위해 이벤트리스너를 사용하는 것 UI구현 기본 법칙 미리 디자인해놓고 숨기기(UI를 보여주고 안보여주고할때는 css display none을 많이씀) 버튼 누르거나하면 보여주기 + querrySelector로 HTML요소 가져오기 싫으면 그냥 id부여해서 getElementById() 하기 버튼..