공부 기록일지📚

루프는 어떤 것을 반복적으로 시행할 때 빠르고 간편한 방법을 제공합니다. 🍕반복문 (Loop) -다양한 종류가 있음 -기본적으로 하는 일은 모두 같다.(한 동작을 여러 번 반복, 0회 반복하는 것도 가능) 🍕JS가 지원하는 반복문 종류 for 문 do...while 문 while 문 레이블 문 break 문 continue 문 for...in 문 for...of 문 🍕for문(기본) for(변수 선언 초기값 설정; 조건문; 증감문){ 조건이 참인 동안 실행할 명령문(문장); } //for문 무한루프 for(;;){ 명령문 } for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다. // C의 반복문과 비슷 for문의 초기문; 조건문; 증감문 은 생략이 가능하며 생략할 경우 무한루프 ▶작동 원..

🍕String ? String 전역 객체는 문자열(문자의 나열)의 생성자이다. 문자열은 String 전역 객체를 직접 사용하여 생성할 수 있다. String(thing) // 매개변수 *thing: 문자열로 변환할 아무 값 ECMAScript 2015 이후(ES6), 문자열 리터럴은 소위 템플릿 리터럴(백틱을 통해 표현)이 될 수 있음 일부 다른 프로그래밍 언어와 달리, JS는 작은 따옴표 큰 따옴표 문자열을 구분하지 않음 🌞긴 문자열 리터럴 -작성한 코드가 매우 긴 문자열을 포함해야 하는 경우, 편집기의 재량에 따라 자동으로 줄을 넘기는 대신 직접 여러줄로 나누되 내용에는 영향을 주지 않을 수 방법 + 연산자 사용 -> 단순하게 "내용" + "내용" + "내용" 이렇게 더해주는 것 \(역슬래시) 사용 ..

🍕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..