분류 전체보기57 [JavaScript] this란 무엇인가? 어딜 가나 물어보는 ES6 문법 확인해 보면 전부 화살표 함수를 사용하고 있으며 예시에 this란 아이도 굉장히 많이 보이는데 그러한 모든 것들을 이해하기 위해 this를 짚고 넘어가자 this 값은 실행 컨텍스트(global, function 또는 eval)의 프로퍼티는 비엄격 모드에서 항상 객체를 참조하며, 엄격 모드에서는 어떠한 값이든 될 수 있다고 공식에서 설명한다. 어떠한 값도 될 수 있는 this의 값은 함수를 호출한 방법에 의해 결정되기에 많은 사람들이 어려워했다. 이를 위해 ES5에서는 함수를 어떻게 호출했는지 상관하지 않고 this값을 설정할 수 있는 bind 메서드를 도입했고 ES6에서는 this 바인딩을 제공하지 않는 화살표 함수를 추가했다. const test = { prop: 42.. 2022. 11. 12. [JavaScript] ES6 문법 왜 어딜 가나 사람들은 ES6문법을 얘기할까? 왜 ES6인가 최신 버전이라 그런가?? 아니다 2015년부터 매년 6월에 규칙적으로 개정되고 있어 현재 2022년 기준 ES2021까지 나왔다 그렇담 왜 ES6만 다들 얘기 하나?? ES6는 새로운 언어 기능이 포함된 주요 업데이트이며, 2009년도에 표준화된 ES5 이후로 언어 기능에 대한 첫 업데이트이기도 하다 또한 ES6는 ES5 이하 명세에서 문제가 되었던 부분들을 해결하였고 많은 기능들을 추가했다 이는 가독성과 유지보수성 향상으로 이어졌고 React, Vue 등 유명 프레임워크 밑 라이브러리들도 이에 맞춰 개발 환경을 ES6로 바꾸게 되었고 이러한 이유로 주목과 관심을 받게 되었다. 별개로 ES8(ECMAScript 2017)에서 async/awai.. 2022. 11. 11. [JavaScript] ES5 문법 ES(ECMAScript) : ECMAScript는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어입니다. 자바스크립트를 표준화하기 위해서 만들어졌으며 꼭 자바스크립트가 아니더라도 어도비 플래시를 사용하는 소프트웨어에서 사용하는 액션스크립트, MS 사의 인터넷 익스플로러에 쓰이는 J스크립트 등 다른 구현체들 역시 포함하고 있습니다. 한마디로 ECMA 스크립트는 규격, 표준 즉, 스펙을 말한다 ES6가 압도적으로 유명하지만 ES5도 사람들이 ES6로 통용해서 부르고 사용하는 느낌을 받아서 ES5에 추가된 것들을 정리해보자 w3Schools에서 정리하여 제공하는 링크 배열과 관련해서 새로운 메소드들이 생겼는데 대표적으로 forEach, map, filter, red.. 2022. 11. 10. [JavaScript] 문자열 내에 특정 문자 제거(replace,replaceAll) 문자열에서 "-"를 제거하는 예시를 사용하겠다. 1. 특정 문자 하나만 제거 첫 번째로 발견되는 타겟 문자열만 제거 let test = "1-2-3-4-5-6"; test.replace("-", ""); ex => "12-3-4-5-6" 2. 특정 문자 전부 제거 특정 문자를 전체 제거하는 방법은 두 가지이다. let test = "1-2-3-4-5-6"; test.replace("/\-/g",""); ex => "123456" g는 타겟 문자열을 전부 가져온다. test.replaceAll("-",""); ex => "123456" 3. 여러 문자 치환 문자열에서 치환하고자 하는 문자가 여러 가지일 때 let test = "나는 원숭이 뭐든지 이겨내고 돼지 할 수 있다"; test.replace(/원숭.. 2022. 10. 28. 이전 1 ··· 9 10 11 12 13 14 15 다음