09. 모던 자바스크립트 Deep Dive (타입 변환과 단축 평가)

⛅️ 타입 변환의 종류명시적 타입 변환(타입 캐스팅): 개발자가 의도적으로 타입의 값을 변경하는 것var age = 25; var age2 = String(25); // '25'var age3 = (25).toString(); // '25'console.log(typeof age, age); // number 25console.log(typeof age2, age2, typeof age3, age3); // string 25 string 25암묵적 타입 변환(타입 강제 변환): 자바스크립트 엔진에 의해서 타입의 값이 변경되는 것// 🚨 암묵적 타입 변환이 기존 원시값을 직접 변경하는것은 아님! 기존 원시값을 사용해서 새로운 원시값을 생성 하는 것! // 10 + '25'를 평가하기 위해 문자열 '10'..

• format_list_bulleted FE/Javascript
• · 2024. 12. 3.
• textsms

정규식 예제

이전에 포스팅 했던 31. 모던 자바스크립트 Deep Dive (RegExp)에 이어서 확실하게 예제를 만들어 짚고 넘어갈 예정이다.1. YYYY-MM-DD 형식의 날짜사용된 패턴^: [] 외부의 ^는 문자열의 시작을 나타냄$: 문자열의 끝을 나타냄\d{N}: \d는 숫자를 의미하며, {N}은 정확히 N개의 숫자가 있어야 함을 나타냄const answer_inputs = ['2024-11-19', '1999-01-01', '2023-12-31'];const wrong_inputs = ['24-11-19', '2024/11/19', '2024-13-01', '2024-11'];const regexp = /^\d{4}-\d{2}-\d{2}$/;2. 영어와 숫자로만 이루어진 문자열사용된 패턴^: 문자열의 시작..

• format_list_bulleted FE/Javascript
• · 2024. 11. 20.
• textsms

31. 모던 자바스크립트 Deep Dive (RegExp)

⛅️ 정규 표현식이란?일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어문자열을 대상으로 패턴 매칭 기능을 제공반복문과 조건문 없이 패턴을 정의하고 테스트하는 것으로 간단히 체크 가능const tel = '010-1234-567팔';// 정규식 리터럴로 휴대폰 전화번호 패턴 정의const regExp = /^\d{3}-\d{4}-\d{4}$/;regExp.test(tel); // false⛅️ 정규 표현식의 생성정규 표현식 객체를 생성하기 위해선 정규 표현식 리터럴, RegExp 생성자 함수 사용 가능정규 표현식 리터럴은 패턴과 플래그로 구성됨const target = 'Is this all there is?';// 패턴: is// 플래그: i => 대소문자를 구별하지 않고 검색한다co..

• format_list_bulleted FE/Javascript
• · 2024. 11. 19.
• textsms