Web/JavaScript 4

2024-04-18 Day4

정규 표현식(Regular Expression: Regex) 문자열에서 특정 문자 조합을 찾기 위한 패턴 - 4자 이상 20자 이하 - 특수문자 입력 불가 - 한글 입력 불가 이러한 옵션을 줘보자 정규 표현식 표기 /정규 표현식 패턴/ 아이디 패턴 만들기 - 영문 대문자 또는 소문자만 입력 - 길이는 4자이상 20자이하로 입력 가능 /^[A-Za-z]{4,20}$/ 이름 패턴 만들기 - 한글만 사용 /^[가-힣]+$/ // +: 글자에 숫자 제한이 없다, 한글자 이상이라는 뜻 // $: 문자열이 끝난다 휴대폰 번호 패턴 만들기 - 정수 3자리 - 정수 3자리 또는 4자리 - 정수 4자리 - 예) 010-111-1111 또는 010-1111-1111 /^\d{3}-\d{3,4}-\d{4}$/ 이메일 패턴 ..

Web/JavaScript 2024.04.18

2024-04-17 Day3

String 객체 const str1 = 'JavaScript'; const str3 = 'JavaScript'; =>str1와 str3의 JavaScript 주소를 공유해서 사용함 const str2 = new String('JavaScript'); => 만드는 방법이 다르면 달라짐 str1 == str2; //true str1 === str2; //false => 타입은 달라짐 length: 문자열의 길이를 반환하는 프로퍼티 indexOf(): 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스로 반환 charAt(): 특정 문자열에서 전달받은 인덱스에 위치한 문자를 반환 includes(): 특정 문자열에서 전달받은 문자열이 포함되어 있는지 여부를 반환 substring(): 전달받은 시작 인덱스..

Web/JavaScript 2024.04.17

2024-04-16 Day2 반복문, 배열, 사용자 정의 함수

while문 while(조건식){ 조건식의 결과가 true인 동안 반복할 문장; ... } do{ 조건식의 결과가 true인 동안 반복할 문장; ... }while(조건식); do~while문은 조건식의 결과가 처음부터 false인 경우라도 한 번은 {}의 문장을 실행함 while문 while(true){ let num=Number(prompt('숫자를 입력하세요')); if(num%2==0){ console.log('짝수입니다. 프로그램을 종료합니다.') break; }; console.log('홀수입니다. 계속 진행합니다.') } for문 for(초기값; 조건식; 증감식){ 조건식의 결과가 true인 동안 반복할 문장; ... } 예) let sum = 0; for (i=1;i console.log(..

Web/JavaScript 2024.04.16

2024-04-15 Day1 변수, 상수, 타입변환/함수, 대화상자, 연산자, 제어문

자바스크립트(JavaScript) 자바스크립트의 특징 - 객체 기반의 스트립트 언어 - 대소문자 구별 - 문장 끝에 ;(세미컬론)을 사용(생략이 가능) 자바스크립트의 출력 Web API Console을 총해 브라우저 Console 창에 출력 자바스크립트 삽입 방법 1. 에 작성 2. 외부 자바스크립트로 사용: ✔ 자바스크립트의 실행 순서는 인터프리터 방식이므로 위에서 아래로 실행 주석문 // : 한줄 주석 /* 내용 */ : 여러줄 주석 익스텐션 설치 JavaScript (ES6) code snippets 자바스크립트 출력 console.log('안녕하세요! 자바스크립트'); 자바스크립트 출력 console.log('자바스크립트의 출렵!'); ` 변수 - 데이터를 저장한 레터럴을 가리키는 메모리 공간 -..

Web/JavaScript 2024.04.15