# ES5

25개의 포스트

모듈

구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.

6일 전
·
0개의 댓글

드림코딩 by 엘라 의 자바스크립트 기초 강의

자바스크립의 기본기를 다시 복습하기 위해서 유투브를 이것 저것 보다가발견한 드림코딩 by 엘리 님이 자바스크립트 기초 강의를 시작하셔서영상들을 보면서 간단히 정리해보려고 한다.공부하면서 계속 업데이트할 예정입니다.1993 Mosaic Web Browser 첫 웹 브라우

2020년 11월 9일
·
0개의 댓글
post-thumbnail

[TIL][OOP(object-oriented programming)] Instantiation Patterns

바로 이전 객체지향 포스트에서 간략하게 ES6 이전의 인스턴스 생성 방법과, ES6 이후의 인스턴스 생성 방법을 소개하였다. 가장 큰 차이는 function 사용과 class 사용 일것이다. 해당 코드를 살펴보며 Instantiation Pattern 즉 인스턴스를 만

2020년 10월 28일
·
0개의 댓글
post-thumbnail

[TIL][OOP(object-oriented programming)] 객체지향 프로그래밍

객체지향 프로그래밍 OOP(Object-Oriented Programming), 이하 객체지향 프로그래밍은 특정 라이브러리나 특정 언어를 사용하는 프로그래밍이 아닌, 하나의 프로그래밍 방식이라 말할 수 있다. 객체지향 프로그래밍의 가장 중요한 키워드는 재사용성 과

2020년 10월 28일
·
0개의 댓글
post-thumbnail

TIL31: Parameters and Spread Operator

함수의 Parameter 즉, 전달인자의 갯수가 유동적일 경우 ES5에서는 arguments 라는 키워드를 활용했습니다.{0: 3, 1: 5, 2: 8, 3: 10} 즉 arguments 객체는 유사배열(Pseudo Array)로써 배열 메소드는 사용할 수 없습니다

2020년 9월 21일
·
0개의 댓글
post-thumbnail

TIL29: Object Oriented Programming - ES5

prototype 은 모델의 Blueprint를 만들 때 사용되는 원형 객체입니다. 그리고 this 는 함수가 실행될 때, 해당 scope마다 생성되는 고유한 실행 컨텍스트(Execution Context)로써 new 키워드로 인스턴스

2020년 9월 21일
·
0개의 댓글

[코어 자바스크립트] 07. 클래스

자바스크립트 → <프로토타입> 기반 언어 → <상속> 이라는 개념이 존재하지 않음. ES6 에 클래스 문법 추가됨ES5 에서 클래스를 흉내내기 위한 구현 방식을 학습하는 것은 큰 의미가 있음"음식 > 과일 > 귤 류 > 오렌지" 관계 일 때, 음식은 과일 보

2020년 9월 19일
·
0개의 댓글

[코어 자바스크립트] 03. this

this: 함수와 객체(method)를 나누는 유일한 기능this는 기본적으로 실행 컨텍스트가 생성될 때 결정 됨(thisBinding) → 실행 컨택스트는 함수를 호출할 때 생성 됨.따라서, this는 함수를 호출할 때 결정됨브라우져 환경 → this === wind

2020년 9월 19일
·
0개의 댓글

[코어 자바스크립트] 02. 실행컨텍스트

실행할 코드에 제공할 환경 정보들을 모아놓은 객체VariableEnvironment: 현재 컨텍스트 내의 식별자들 정보 + 외부 환경정보, LexicalEnviornment의 스냅샷LexicalEnvironmnet: VariableEnvironment와 같지만 변경사항

2020년 9월 19일
·
0개의 댓글

Object 심화!!

1. Literals and properties object만드는 방법(object는 Key: value 의 집합체이다!!) const obj1 = {}; // object literal const obj2 = new Object(); // object construc

2020년 8월 28일
·
0개의 댓글

Promise와 async await은 ES5에서 어떻게 바뀔까?

초보자가 공부하며 끄적인 글입니다 ㅎㅎ; 보실 분은 참고만 해주세요. Promise와 async await 각각 ES6와 ES8에 포함된 문법입니다. modern 브라우저에서는 둘 다 완벽하게 지원한다.(MDN 참고) 하지만 IE 때문에 ES5로 트랜스파일 해줘야하는

2020년 6월 24일
·
0개의 댓글

ES5와 ES6 사용자들을 둘 다 만족 시켜라??

이 글은 적고 나서 더 찾아보니 별로인 글인 것을 알았습니다.... 제가 한 방식은 아주 조금의 성능 향상 밖에... 없을 것 같고 해당 글을 참고 하시면 진짜 답을 얻을 수 있을 것 같습니다.'ES5를 사용하는 사용자들을 위해 ES5로 트랜스파일 해버리면 ES6 사용

2020년 6월 23일
·
0개의 댓글
post-thumbnail

ES5 Array.reduce

Array.reduce메서드는 배열의 각 요소를 순회하며 콜백 함수를 실행하며 이전 리턴값을 넘겨 받는다. 이전 값을 넘겨 받아 현재 값과 어떠한 작업을 수행하고 싶을 때 적합한 메서드이다. 인자 값이 다른 메서드와 약간 다르며, 콜백 함수 뒤에 인자를 하나 더 줄 수

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5 Array.every

Array.every메서드는 Array.some와 비슷하지만 모든 요소가 조건을 만족해야 true를 반환한다.현재 배열 요소의 값현재 배열 요소의 index현재 돌고 있는 배열 자체\[JavaScript] Array 객체에서 놓치기 쉬운 6개의 메서드Array.prot

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5 Array.some

Array.some메서드는 배열의 각 요소를 순회하며 콜백 함수를 실행하며 하나의 요소라도 조건을 만족할 때 true를 반환하며, 만족하지 않을 때 false를 반환한다. 특정 조건을 만족하는지 알고 싶을 때 적합한 메서드다.현재 배열 요소의 값현재 배열 요소의 ind

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5 Array.filter

Array.filter메서드는 배열의 각 요소를 순회하며 콜백 함수를 실행하며 특정 조건에 맞는 요소만 모아 배열로 리턴한다. 특정 케이스만 필터링해서 추출할 때 유용하다. 현재 배열 요소의 값현재 배열 요소의 index현재 돌고 있는 배열 자체\[JavaScript]

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5 Array.map

Array.map 메서드는 Array.forEach와 마찬가지로 배열의 각 요소를 순회하며 콜백 함수를 실행한다. 다만, 콜백에서 리턴되는 값을 배열로 만들어낸다. 원본 배열은 건들지 않고 그 요소들을 사용해서 혹은 약간 변형해서 새로운 배열을 만들어야 할 때 유용하다

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5 Array.forEach

Array.forEach 매서드는 배열 전체를 돌때, 요소마다 콜백 함수를 실행한다. 배열의 요소에 직접 어떠한 작업을 수행하고 싶을 때 적합한 메서드이다. Array.forEach 메서드는 리턴 값이 없다.현재 배열 요소의 값현재 배열 요소의 index현재 돌고 있는

2020년 6월 6일
·
0개의 댓글
post-thumbnail

ES5(ECMAScript 5)

ECMAScript(ES)는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져 있지만, 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다

2020년 6월 6일
·
0개의 댓글