정규식 표현
정규식 표현 정규 표현식 또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식언어입니다. 01. 정규표현식 객체 주요 패턴 패턴 설명 abc abc 문자열을 검색합니다. /abc/는 'abc' [abc] a,b,c중 문자 하나를 검색합니다. /[abc]d/는 'ad', 'bd', 'cd' [^abc] a,b,c를 제외한 문자 하나를 검색합니다. /[^abc]d/는 'ed', 'fd', 'gd' [A-Z] 알파벳 대문자 문자를 검색합니다. [a-z] 알파벳 소문자 문자를 검색합니다. [0-9] 0-9까지의 숫자를 검색합니다. . 하나의 문자를 검색합니다. 만약 '마침표' 문자 그대로의 의미를 사용할 경우 '₩.' 으로 표현해야 합니다. \w 알파벳, 숫자, _를 검색합니다. \W 알파..
2022. 8. 17.
구조 관련 요소
구조 관련 요소 구조 관련 요소들에 대해 알아보는 시간을 가지도록 하겠습니다. 피그마의 구조대로 HTML 틀을 잡고, CSS를 입혀줍니다. 01. , , , , , 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소 (~)를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소, 블록레벨 요소를 포함할 수 있습니다. 1. HTML 문서의 푸터 영역을 의미하는 태그로 섹션 작성자나 저작권에 대한 ..
2022. 8. 14.
배열 객체 join() / push() / pop()
배열 객체 배열 객체에서 많이 사용하는 메서드로 join(), pop(), push() 가 있습니다. 01. 배열 속성 : length : 배열 길이 구하기 : 반환(숫자) 배열의 길이를 구하기 위해서 length 속성을 사용한다. 번호 기본값 매서드 리턴값 1 [100, 200, 300, 400, 500] length 5 2 ['a''b''c''d''f'] length 5 3 [1, 2, ['a', 'b']] length 3 { //01 const arrNum = [100, 200 ,300, 400, 500]; document.querySelector(".sample01_N1").innerHTML = "1"; document.querySelector(".sample01_Q1").innerHTML = "..
2022. 8. 11.
데이터 타입
데이터 타입 데이터 타입은 변수에 저장되는 데이터의 유형으로 원시타입과 객체타입으로 나눌 수 있다. 원시 타입으로는 number, string, boolean, undefined, null, symbol 등이 있고, 객체 타입에는 function, object, array 등이 있다. number(숫자) 데이터 number 데이터는 정수, 소수점, 지수를 표현할 수 있습니다. string(문자) 데이터 string 데이터는 ''또는""로 표현할 수 있다. 보통 문자 데이터는 작은따옴표로 많이 표현하며 바깥쪽을 큰따옴표로 처리 했으면 안쪽은 작은따옴표로 처리한다. boolean(논리) 데이터 boolean 데이터는 true(참)와 false(거짓)의 값을 표현함. boolean에서 0값은 false를 의미..
2022. 7. 26.
