JavaScript

웹브라우저가 유일하게 알아들을 수 있는 프로그래밍 언어변수, 기본연산변수 대입( a = 2 )의 의미: 2를 a라는 변수에 넣는다let 으로 변수를 선언함!사칙연산, 그리고 문자열 더하기가 기본적으로 가능함!리스트와 딕셔너리리스트: 순서를 가지고 있는 형태딕셔너리: 키

HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드그렇게 때문에, 쓰기 전에 "임포트"를 해야한다!JQuery 사용하기 전에, 링크에서 임포

Ajax의 정의 > AJAX는 Asynchronous JavaScript and XML의 약자로, 말 그대로 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다.(출처: 나무위키) XML...? 비동기적 정보 교환 기법...? 잘 모르겠으니 차근차근 살

함수는 프로그램에서 반복적으로 사용되는 기능을 만들어내기 위한 코드들의 집합.사용자정의 함수: 종류로는 선언적 함수, 익명함수가 있으며, 이는 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수를 뜻함.내장함수: 종류로는 인코딩, 디코딩 함수 등이 있으며,

동적타입언어인 자바스트립트!(정적타입언어에는 C나 Java와 같은 언어가 있다고 한다.) 변수에 저장된 데이터 타입을 동적으로 바꿀 수 있는 자바스크립트는 변수에 다양한 데이터 타입을 담을 수 있는데, 그 종류는 아래와 같다!자바스크립트에서는 산술연산자를 이용하여 숫자

JavaScript에서 변수를 선언하려면 세가지 방법을 사용할 수 있다. 바로 var, let, const인데, 이 셋의 사용법은 처음 JavaScript를 배울 때 넘나 헷갈리는 것이라 이번 기회에 딱 정리해 두고자 한다! variable을 뜻하는 var는 번복을 여

1. String concatenation 2. Numeric operators 3. Increment operators 4. Assignment operators 5. Comparison operators 6. Logical perators: || or , && and, ! not 7.Equality quiz 8. Conditional op...

Function 프로그램을 구성하는 기본적인 빌딩블럭 subprogram이라고도 불리며 여러번 사용이 가능하다. 한가지의 테스크나 어떤 값을 계산하기 위해 사용된다. 1. 함수선언 하나의 함수는 한가지 일만 처리한다. 네이밍: 동사 위주로 설정 자바스크립트에서 함수는

자바스크립트의 클래스란, 붕어빵 기계 같은 것. 같은 형태의 것들을 계속해서 찍어내는 데에 사용된다.그렇다면 object는 붕어빵...즉, 클래스와 오브젝트는 아래와 같다. class = templateobject = instance of a classJavaScrip

one of the javaScript's data types.a collection of related data and/or functionality.nearly all objects in JS are instances of Objectobject는 key와 valu

비슷한 타입의 오브젝트들을 묶어 두는 것을 자료구조라고 한다.다른 언어에서는 동일한 타입의 데이터만 한데 묶을 수 있다. 자바스크립트는 다양한 종류의 데이터 타입을 담을 수 있지만 프로그래밍적으로 좋지는 않다.자료구조에서는 검색, 삽입, 정렬, 삭제가 가능하다.poin

배열에 대해 알아보았으니 이제 배열에 쓰이는 배열함수들을 살펴보자...!toString 메소드는 지정된 배열 및 그 요소를 문자열로 반환한다.split 메소드는 string들을 split하여 새로운 배열을 만들어낸다.배열의 요소 순서를 반전시킨다. 해당 메소드는 원 배

서버통신의 시작, JSON 브라우저상의 client와 server가 데이터를 주고받는 것에 대해 프로토콜을 정한 것이 http. 여기서 hypertext는 링크, 문서, 이미지 등 모든 데이터를 칭한다. AJAX 동적으로 서버에게 데이터를 주고 받을 수 있는 기술을

Javascript is syncronous.Execute the code block in order after hoisting대충 호이스팅 된 이후 부터 하나하나씩 동기적으로 실행된다는 말...✔️ 동기적: 정해진 순서에 맞게 코드가 실행되는 것✔️ 비동기적: 언제

promise is a javascript object for asyncronous operation. Promise는 비동기적인 것을 수행할 때 콜백함수 대신에 유용하게 쓰일 수 있는 오브젝트✔️ 공부 포인트 1. state(상태): pending(promise가 만

promise를 이용하면 위와 같이 표현할 수 있는 것을 async를 활용하면 더욱 깔끔하게 나타낼 수 있다.아래와 같이 하면 총 2초가 걸린다.promise를 생성하고 나서 실행하면 병렬적으로 실행되어 1초만에 결과값이 나타남그러나 이렇게 병렬적으로 실행할 경우 위처

객체 : 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것. 이름이 있는 정보를 정리정돈 할 때 쓰는 도구. 객체의 정보를 읽어내는 데에는 두 가지 방법이 있다.닷(.) 이용대괄호 이용memberObject.name으로 하면 undefined가 온다. 왜냐하면 점

비슷한 구조의 객체를 동시에 수정하고 싶을 때, constructor가 없으면 아래와 같이 일일히 수정해줘야 한다... 이런 객체가 수억개가 있다면 매우 큰 품이 들 것. 그래서 등장한 것이 constructor!내부적으로 2021-5-26이라는 데이터를 가진 객체가

객체를 찍어내는 공장! Constructor function의 대체재! TIP! 클래스를 이용할 수 없는 웹브라우저에서는? babeljs.io에서 컴파일하여 이용할 수 있다.constructor 는 클래스가 호출되어 객체가 생성될 때, 먼저 호출되는 함수가져온 라이브러

call()은 실행되는 함수의 this값을 원하는 객체로 바꿔서 실행할 수 있게 해준다.함수도 객체이며, 모든 함수는 call이라는 메소드를 가지고 있다.함수.call(객체)라 하면 '함수'라는 객체를 실행시키는 것여기서 '객체'가 실행되는 함수의 this를 대체한다.

function Person() {} = var Person = new Function();함수는 사실 객체이다.때문에 함수는 property를 가질 수 있다. Person 생성자를 만들면, Person 내에 prototype 이라는 프로퍼티가 생성되고, Person

위 코드에서는 sum()이라는 함수가 상속되지 않아 에러가 나는데, 그 이유는 아래 그림에서 찾아볼 수 있다.이에 에러가 발생하지 않도록 하기 위해서는 아래 그림과 같이 PersonPlus' prototype이 Person's prototype의 sum()함수를 참조할

헷갈리는 개념들을 한번씩 되짚어보자! 😣🙈😎JS는 웹페이지와 상호작용하도록 만들어진 언어.브라우저에서 사용자의 행동을 처리하고, 데이터도 저장하고, 네트워크 응답과 요청을 처리한다.모든 함수는 값을 반환한다.(return이 명시 되어 있지 않은 경우 return

DOM이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체모델이다.JS는 이 모델로 웹페이지에 접근하고 페이지를 수정할 수 있다. DOM은 HTML인 웹페이지와 스크립팅 언어(JS)를 서로 잇는 역할을 한다.JS는 document라는 전역객체를 이용하여 HTML에

위코드 2주차를 마무리하는 의미에서 JS 중간평가가 있었다. 생각보다 간단했던 시험이었지만, 동기들과 코드리뷰를 해보니 논리가 각자 달라서 비교해볼겸 블로깅을 해본다!해당 문제는 그저 워밍업,,내 동기들 중엔 변수를 선언해서 식을 완성한 경우도 있었다.나는 그냥 귀찮아

2차 프로젝트 진행 중에 객체의 한 요소의 값에 접근해서 이의 총합을 구해줘야할 필요가 있었다. 처음엔 reduce를 이용해서 그냥 더해주면 된다고 생각했지만, 당연하게도 배열에서만 쓰여지는 reduce가 먹힐리가 없었다! 그래서 검색을 통해 이것에 대한 답을 구했는데

프로토타입을 한마디로 정의하면 뭐라고 할 것 인가? 그건 바로 유전자!!!!이렇게 하면 김과 박은 둘 다 눈과 코를 가지고 있는데, 메모리에는 눈과 코가 두 개씩 총 4개가 할당된다. 객체를 100개 만들면 200개의 변수가 메모리에 할당되는 magic... 이를 해결