일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- display
- DOM
- JavaScript
- Coda
- js
- 친해지기
- 정규식표현
- 코딩문제
- regexp
- CLASS
- Grid
- frontend
- Pseudo
- 코드일기
- tailwindcss
- 가상클래스
- row-gap
- 코드다이어리
- 코딩테스트
- CSS
- column-gap
- 코딩퀴즈
- 코딩일기
- sass
- 선택자
- HTML
- property
- scss
- vscode
- Today
- Total
목록JavaScript (16)
< Code diaries />
보호되어 있는 글입니다.

VS code 플러그인중에 javascript 코드를 바로 실행해 볼 수있는플러그인 Code Runner STEP 01 . 플러그인을 검색하세요 STEP 02 . install 버튼을 눌러 설치합니다. STEP 03 . 실행할 js 파일을 오픈합니다. test.js 파일을 아래와 같이 만들어봅니다. STEP 04 . Control + option + N을 누르거나, 마우스 우클릭메뉴에서 Run Code를 실행합니다. STEP end . 터미널의 Output 탭이 활성화 되면서, 실행결과를 볼 수 있습니다. 여러개의 javascript 파일을 열고, Run code를 실행하면 하나의 터미널창에서 여러문서의 결과를 볼 수 있습니다~!! 또는 node를 설치 후 nodemon..
Javascript Regular Expression ( 자바스크립트 정규식 표현 ) Syntax/pattern/flag Default variablesconst str = 'Good morning, Morning coffee is goood coffee, too';str 에 string data를 위와같이 넣고 아래의 pattern별 결과를 확인해보자 아래 명령어를 콘솔에 찍어보자str.match(pattern); -> pattern자리에 아래의 표의 표현을 넣어보고 결과를 정리해 보았다./Pattern/flag 표 정리구분patternresultdescription기본문자열 검색/good/gi['Good' ]good 문자열과 매칭되는 문자열임의문자 검색/.../g['Goo','d m','orn'...
html의 input태그에 pattern속성을 이용하여 입력받는 텍스트를 제어할수 있다. css를 이용하여 패턴식에 맞지않을때에 style 처리도 가능하다. 이는 HTML5 에 추가된 속성이다. Input pattern 정규표현식 기본사용법 [ html 코드 ] [ css 코드 ] input:invalid { color:red } /* 패턴과 일치하지않을경우 박스에 안내가 표시되며, 글자색은 레드로 바뀐다 */ The pattern attribute is an attribute of the text, tel, email, url, password, and search input types. 패턴 속성은 input의 text, email, url, password,search types에 사용할 수 있다...