본문 바로가기

개발/JavaScript13

[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.
[JavaScript] 고유한 문자, 번호 만들기 현재 년,월,일에 유니크한 숫다 5개를 조합해서 만드는 방법 createUniqueOrderId = (): string => { const unique = new Date().valueOf().toString().slice(8); const year = new Date().getFullYear(); const month = new Date().getMonth() + 1; const day = new Date().getDate(); const changeTimeShape = `${year}${month >= 10 ? month : "0" + month}${ day >= 10 ? day : "0" + day }${unique}`; return changeTimeShape; }; ex 2022102100089.. 2022. 10. 25.