javascript

JavaScript는 굉장히 유연한 언어다C와 JAVA와는 다르게 변수를 선언 할 때에 재선언과 재할당이 가능한 언어이기 때문이다ES6 버전 이전까지만 하더라도 'var' 라는 변수 선언 방식을 사용하여재선언과 재할당이 가능하였다. 하지만 여러 사람이 협업하고 코드의

동적 타이핑 (Dynamic Typing)

클래스의 의미자바스크립트에 클래스는 ES6 버전에서 도입이 된거라 그리 오래되지 않았으며클래스 도입전에는 오브젝트를 바로 생성하여 사용하였다.클래스는 데이터가 들어있지 않아 메모리에 등록이 되지 않고 오브젝트를 생성하기 위한일종의 '틀'이다.클래스를 '정의'해서 생성자

Inheritance (상속)프로그래밍에서 상속은 우리가 알고 있는 상속과 동일하다부모클래스가 설정한 틀을 자식 클래스도 동일하게 가지고와 사용하는 것만약 도형들을 만드는 기능을 가진 클래스가 있다고 생각하자모든 도형들은 높이 넓이 색상을 가지게 되지만 도형의 종류는

Object오브젝트는 키와 벨류의 집합체이다오브젝트를 만드는법에는 클래스를 작성해 오브젝트를 생성하거나 중괄호로 만드는 법 혹은 함수를 통해 직접 생성해주는 방법 등이 있다아래의 코드를 확인하자자바스크립트는 동적인 언어이다 즉 object를 선언한 뒤에 자신의 필요에

JSONJSON은 javascript object notation의 약자로JSON 자체를 직접 호출하거나 인스턴스를 생성할 수 없으며 객체를 JSON으로 변환시키거나그 변환된 JSON을 다시 객체로 바꾸는 메소드를 제외하면 자신만의 다른 기능은 없다.또한 JSON만의

비동기 처리란 ? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다자바스크립트는 호이스팅이 된 이후로부터 하나하나씩 순서대로 동기적으로 실행되는 언어이다.그러면 왜 동기적인 아

async와 await은 promise를 더욱더 간편하고 간결하고 동기적으로 사용할 수 있게 하는 녀석이다!🤩promise chaining을 계속 하게 되면 코드가 난잡해지고 가독성이 떨어진다.하지만 async와 await을 사용하면 깔끔하게 사용할 수 있다.먼저 기

Dom 구조의 이해 간단 코드위 코드로 인해 script js 파일 연결없이 html script문에 직접 입력하여DOMContentLoaded < 이미지 파일 같은 삽입된 파일 load전 html document만 빠르게 읽고아래 id를 받아와 load된다.wi

ClassList add, remove우리가 클래스를 html 태그에 설정해줄때 한개 이상의 클래스를 설정할 경우가 있다예) 이러한 여러가지 클래스를 자바스크립트를 통해 내가 추가할 수 있고 삭제할 수가 있다.classList를 사용하여 add는 추가 remove는 삭

ES6 에서 추가된 몇가지 string method가 있다그 중에서 자주 쓰일 것 같아 포스팅 해본다.문자열 값을 원하는 값이 들어가 있는지 판별한 후 boolean 값으로 return한다startWith()~로 시작하는지 알려주는 녀석이며 사용 구문은 아래와 같다st

자주 쓰일 것 같은 Array method에 대해 정리를 해본다. map() 와 forEach() 모두 ES5부터 등장하였다 두가지 메소드의 차이는 forEach()의 경우 for대신 사용하는 반복문이라고 생각하면 된다 배열 요소마다 한번씩 주어진 함수(콜백)를

스프레드 연산자는 ES6에서 추가된 문법으로 ...을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 또는 요소로 확장하여 0개 이상의 키-값의 쌍의 객체로 확장시킬 수 있다!너무 좋은 기능인데 조금 늦게 발견한 감이 없지 않지만 자주 쓰기 위해