sdesign416 님의 블로그

Node.js에서 JavaScript 파일을 작성하다 보면 .js와 .mjs확장자를 볼 수 있다.두 파일 모두 JavaScript 코드를 작성하는 파일이긴 하지만 모듈을 사용하는 방식에 차이가 있다. 프로젝트 환경에 따라 사용하는 모듈 방식이 달라지며, 모듈 방식에 따라 .js 또는 .mjs 확장자를 사용하게 된다.모듈(Module)이란?모듈은 관련된 기능이나 코드를 하나의 파일로 분리하여 관리하는 방식을 말한다. 프로젝트의 규모가 커질수록 하나의 파일에 모든 코드를 작성하게 되면 관리가 매우 어려워진다.그래서 기능별로 파일을 나눈 뒤, 해당 기능을 필요로 하는 파일에서 기능이 속해있는 파일을 불러와 사용하는 방식으로 프로젝트는 만들어진다. 예를 들어 회원 기능은 user.js, 관리자 기능은 admin..

JavaScript 정규식을 배우면서 회원가입 유효성 검사를 구현해보았다.전화번호와 이메일 검사를 만들면서 아래 코드를 작성하다보니전화번호 정규식에선 +를 사용하지 않고, 이메일 정규식에선 +를 사용하는 차이점이 있었다.이 외에도 어떤 부분에는 +를 사용하고 어떨때는 +를 사용하지 않는 경우가 있었다.이번 글에선 정규식의 +의 의미와 언제 사용하는지에 대해 정리하려한다.// 전화번호const expHpText = /^\d{3}-\d{3,4}-\d{4}$/// 이메일const expEmailText = /^[A-Za-z0-9\-\.]+@[A-Za-z0-9\-]+\.[A-Za-z]+$/+의 의미정규식에서 +는 앞에 있는 패턴이 1번 이상 반복된다는 의미를 가지고 있다.예를 들어 아래 코드는 영문 또는 숫자를..

자바스크립트(JavaScript)란?자바스크림트는 웹 브라우저에서 동작하는 프로그래밍 언어를 말한다.HTML과 CSS로 만들어진 정적인 페이지에 동적인 기능을 추가해주는 역할을 한다.❓ 자바스크립트는 언제 실행될까?1. 브라우저가 페이지를 여는 순간사용자가 URL을 입력하면 브라우저는 서버로부터 HTML 문서를 받아온다.이때 브라우저는 HTML을 위에서 아래로 한 줄씩 읽기 시작하는데 2. HTML 파싱 중 JavaScript를 만나면?HTML을 읽다가 브라우저는 HTML을 읽다가 태그 맨 아래에 위치할 경우 브라우저가 HTML을 끝까지 읽어 화면을 구성한 뒤 자바스크립트를 실행하게 된다.그렇기 때문에 사용자가 화면을 빠르게 확인할 수 있고 요소를 찾기 못해 발생하는 오류를 줄일 수 있다.