본문 바로가기
정규표현식(Regular Expression) 정규표현식은 문자열의 일정한 패턴을 표현하는 규칙이다.(정규식이라고도 부름) 자바스크립트에서는 RegExp 객체(RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용)와 RegExp 메서드, 문자열 메서드를 이용해 정규표현식을 사용할 수 있다. 1. 정규식 리터럴 사용 const reg = /ab+c/; 2. RegExp 객체의 생성자 함수 호출 const reg = new RegExp("ab+c"); 정규식 패턴 작성 시, 정해진 규칙에 따라 작성 # 정규표현식이 필요할 때 - 각각 다른 포맷으로 저장된 엄청나게 많은 전화번호 데이터를 추출해야 할 때 - 사용자가 입력한 이메일, 휴대폰 번호, IP 주소 등이 올바른지 검증하고 싶을 때 - 코드에서 특정 변수의 이름을 치환하고 싶지만, 해당 변수.. 2023. 2. 12.
노마드 바닐라 JS 코드 챌린지 9일차 오늘은 벌써 9일차 강의는 오늘로써 마지막 듣기고 오늘 코드 챌린지도 마지막이다 내일부터 졸업작품을 3일간 만들라는데 크롬앱을 클론코딩 하듯 강의와 같은 내용으로 만드는 것 같았다. 추석에는 작은 졸업작품 프로젝트 하기로 하고...리액트도 얼른 제발... #6.0 Quotes(인용하다) #명언과 저자2가지 항목의 객체 10개 들어있는 배열을 준비해서 랜덤으로 돌아가는 기능 -Math.module : javascript에서 이미 load되서 제공되는 기능 (Math함수로서 사용할 수 있다) -Math.random() : 0부터 1사이의 난수(랜덤한 숫자)를 제공 -Math.round() : 입력값을 반올림한 수와 가장 가까운 정수 값을 반환한다 -Math.floor() : 주어진 숫자와 같거나 작은 정수 .. 2022. 9. 8.
노마드 코더 바닐라 JS 챌린지 9일차 오늘도 5챕터의 강의 4개 + 코드챌린지로 시계만들기 하면서 Date 사용하는 연습을 하게될 것 같다 #5.0 Intervals -setInterval은 매초마다 반복해서 일어나는 일을 만드는 함수로써 두개의 매개변수를 받는다. 첫번째는 실행할 함수, 두번째는 함수를 실행할 간격의 ms(1000분의 1초)를 받는다. //3초마다 console에 hi를 찍어주는 기능 setInterval(()=>{ console.log("hi"); }, 3000); #5.1 Timeouts and Dates -setTimeout()은 setInterval()과 모양은 비슷한데 기능은 해당 시간이 지나고 함수를 실행시키는 역할을 한다.(일종의 타이머 역할). 첫번째 매개변수로 실행할 함수를 넣고, 두번째 매개변수로 몇초 있.. 2022. 9. 7.
노마드 코더 바닐라 JS 챌린지 8일차 어제 4챕터 4강 정리하고 오늘은 나머지 4강을 정리하려고 한다 코드챌린지는 미리 해뒀으니 오늘은 가볍게 챌린지 넘어가고 리액트 공부해야한다...ㅠ #4.4 Getting Username -CSS에서 hiden이라는 클래스를 만들어서 display:none을 해두고 JS에서 클래스이름에 hidden을 추가해주면 해당 html요소들을 숨길 수 있다. form태그를 숨기고 미리 hidden클래스를 줬던 h1에 form태그에 걸어놓은 event의 value값을 innerText()해주면서 form태그에 hidden 클래스를 add()해주면 form 형식은 없어지고 h1태그에 event.value값을 띄워줄 수 있다. const HIDDEN_CLASSNAME = "hidden"; function onLoginS.. 2022. 9. 6.