[Javascript] 정규표현식

[Javascript] 정규표현식

1. 정규 표현식정규 표현식이란 특정 문자열 패턴을 정의하는 문자열로 이메일 주소, 비밀 번호, 전화 번호, 아이디 등 특정 형식의 날짜 등을 검증할 때 사용하는 표현식 입니다. 정규 표현식의 기호는 다음과 같습니다., : 임의의 한 문자* : 0개 이상의 반복+ : 1개 이상의 반복? : 0개 또는 1개의 반복^ : 문자열의 시작$ : 문자열의 끝[ ] : 문자 클래스 (ex. [abc]는 'a', 'b', 'c' 중 하나)| 또는 (OR) 연산자( ):  그룹화2. 정규 표현식 생성하기정규 표현식은 두 가지 방법으로 생성할 수 있으며, 리터럴 표기법, RegExp를 사용해 표현할 수 있습니다.리터럴 표기법:const regex = /pattern/;RegEXP 객체 사용:const regex = ne..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 26.
  • textsms
[Javascript] Jest란 ?

[Javascript] Jest란 ?

1.Jest란?Jest는 Javascript 애플리케이션을 위한 테스팅 프레임워크로, 페이스북에서 개발하고, 주로 React 애플리케이션에서 테스트용으로 쓰지만, 일반 Javascript 및 Node.js 애플리케이션에서도 효과적인 사용이 가능합니다. Jest는 단위 테스트, 통합 테스트, 스냅샷 테스트 등을 지원하여 개발자가 코드의 품질을 보장할 수 있도록 도와주는 라이브러리입니다.2. Jest의 특징간단한 설정: 기본적으로 설치 후 바로 사용할 수 있어 복잡한 설정 필요X스냅샷 테스트: UI 컴포넌트의 렌더링 결과를 저장, 이후 비교하여 변경 사항을 쉽게 확인모의 함수(mock functions): 테스트 중 특정 함수의 동작을 모의하여, 의존성을 줄이고 테스트의 집중도를 높임비동기 테스트 지원: P..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 25.
  • textsms
[Javascript] Javascript 호이스팅이란?

[Javascript] Javascript 호이스팅이란?

1. 호이스팅이란?호이스팅(Hoisting)은 자바스크립트에서 변수와 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 현상을 말합니다. 즉, 코드가 실행되기 전 자바스크립트 엔진이 변수와 함수의 선언을 메모리에 할당합니다. 이로 인해 변수와 함수가 선언 되기 전 호출되더라도 에러가 발생하지 않습니다.2. 호이스팅의 작동 방식변수 호이스팅:var로 선언된 변수는 선언만 호이스팅되고, 초기화는 코드 실행 시점에서 이루어짐, 따라서 변수 선언 이전 접근할 경우 undefined를 반환함let과 const로 선언된 변수는 호이스팅되지만, "일시적 사각지대(Temporal Dead Zone)"이 있어 초기화 전에는 접근할 수 없음함수 호이스팅:함수 선언문은 전체가 호시팅되며, 함수 선언 이전에 호출해도 정상적으..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 17.
  • textsms
[Javascript] 슬라이드 구현하기

[Javascript] 슬라이드 구현하기

자바스크립트를 사용해 간단하게 이미지를 슬라이드 구현하는 방법을 알아보겠습니다. 아래 예제는 HTML, CSS,Javascript를 사용해 기본적인 이미지 슬라이드 쇼를  만드는 방법을 알 수 있습니다.1. HTML (index.html) 𘛾 𘛾 2.CSS (style.css)* { box-sizing: border-box;}body { margin: 0; padding:0; display:flex; justify-content: center; /* 중앙 정렬 */ align-items..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 16.
  • textsms
[Javascript] 14강 Javascript의 프로토타입 객체

[Javascript] 14강 Javascript의 프로토타입 객체

자바스크립트에 프로토타입 객체는 객체 지향 프로그래밍 중 중요한 개념 중 하나로, 객체는 다른 객체를 상속받을 수 있습니다. 이를 통해서 코드의 재사용성과 유연성을 높일 수 있습니다.1. 프로토타입 객체의 주요 개념프로토타입모든 자바스크립트 객체는 prototype이라는 속성을 가짐이 속성은 객체가 상속받을 수 있는 메서드와 속성을 정의프로토타입 체인객체가 특정 속성이나 메서드를 찾을 때, 자바스크립트는 먼저 해당 객체 자체에서 찾고, 없다면 그 객체의 프로토타입을 확인, 이 과정을 반복하며, 이를 프로토타입 체인이라함생성자 함수객체를 생성하기 위해 생성자 함수를 사용, 이 함수의 prototpe 속성에 메서드를 추가가능, 생성된 객체는 이 메서드에 접근할 수 있음2. 프로토타입 속성모든 자바스크립트 객..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 15.
  • textsms
[Javascript] 13강 자바스크립트 모듈

[Javascript] 13강 자바스크립트 모듈

Javascript 프로그램은 꽤 작게 시작했습니다. 초기에 사용 된 대부분 스크립트는 독립적 작업을 수행하고, 필요한 경우 웹 페이지에 약간의 상호 작용을 제공해 일반적으로 큰 스크립트를 필요하지 않았습니다. 시간이 흐르고 많은 웹 브라우저에 실행되고 있는 완전한 애플리케이션을 실행할 수 있음과 동시 다른 컨텍스트(Node.js)에서 사용되게 되었습니다. 브라우저 호환성 js-examples/module-examples/basic-modules at main · mdn/js-examplesCode examples that accompany the MDN JavaScript/ECMAScript documentation - mdn/js-examplesgithub.com 자바스크립트 샘플의 첫 번째 예제(b..

  • format_list_bulleted Front-End/JavaScript
  • · 2025. 2. 13.
  • textsms
반응형