728x90 반응형 SMALL 프론트개발/HTML+CSS+JS6 [JS] 정규표현식 (regexp) 정규식표현 이란? 정규 표현식(regular expression, regexp)또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어입니다. 정규 표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능을 정규식 패턴으로 빠르게 수행하는데 도움을 줍니다. 역할 문자 검색(search) 문자 추출(extract) 문자 대체(replace) 정규 표현식 테스트 사이트 정규 표현식을 공부하면서 아래의 사이트를 활용하면 많은 도움이 됩니다. http://www.regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & .. 2022. 2. 5. Node.js 와 NVM Node.js란? - 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼. 작성 언어로 JavaScript를 사용하며 높은 처리 성능을 가지고 있다. - V8으로 빌드된 이벤트 기반 JavaScript 런타임. 웹 서버와 같이 확장성이 있는 네트워크 프로그램 제작을 위해 고안. NVM 이란? - Node Version Manager. - Node.js의 버전을 바꿔 줄 수 있는 프로그램. 설치 방법 1. 구글에 'nvm-windows' 검색 후 GitHub 사이트로 2. 스크롤을 내려, README.md 에서 Download Now! 클릭 3. nvm-setup.zip 다운 후 압축 풀기 4. 압축해제 후. exe 파일 실행 5. 콘솔창에 nvm -version 입력해 설치 확인 NVM .. 2022. 1. 28. [CSS] CSS 우선순위 CSS 우선순위 우선순위란 같은 태그에 여러 CSS가 적용되었을 때, 어떤 선언의 CSS속성을 우선 적용할지 결정하는 방법입니다. 1. 점수가 높은 선언이 우선됨. 2. 같은 점수일 경우, 가장 마지막에 해석된 선언이 우선됨. 아래의 코드에 CSS 우선순위 점수를 표시해 보겠습니다. Nice! div {color: white !important;} /* !important : 최우선 적용 */ #ColorRed {color: red;} /* ID선택자 : 100점 */ .ColorOrange { color: orange; } /* Class선택자 : 10점 */ div { color: green;} /* 태그 선택자 : 1점 */ * { color : blue } /* 전체 선택자 0점 */ 결과적으로 .. 2022. 1. 5. [CSS] CSS 선택자(2) CSS선택자에 대한 두 번째 시간입니다. CSS 선택자 가상 클래스 가상 요소 속성 1. 가상 클래스 선택자(Pseudo-Classes) - A:hover : HOVER, 선택자 A요소에 마우스 커서가 올라가 있는 동안 선택. a라는 태그에 마우스를 올리면 빨간색으로 변함. A:hover { color: red; } - A:active : ACTIVE, 선택자 A요소에 마우스를 클릭하고 있는 동안 선택. a태그 부분을 클릭하고 있는 동안에만 빨간색으로 변함. A:active { color: red; } - A:focus : FOCUS, 사용자가 A요소를 클릭 또는 탭 하거나 키보드 Tab키로 선택했을 때 발동됨. (Focus 될 수 있는 요소는 input, a, button, label, select 등.. 2022. 1. 5. 이전 1 2 다음 728x90 반응형
