일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- property
- CSS
- row-gap
- Pseudo
- vscode
- column-gap
- tailwindcss
- 코딩문제
- js
- display
- sass
- 코드다이어리
- 가상클래스
- 코딩퀴즈
- 친해지기
- frontend
- 코딩일기
- DOM
- CLASS
- 코딩테스트
- regexp
- 정규식표현
- Grid
- Coda
- 선택자
- JavaScript
- scss
- 코드일기
- HTML
- Today
- Total
목록분류 전체보기 (75)
< 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에 사용할 수 있다...
Step 1. Mac에서 해야할일 1. vs code에서 라이브 서버를 이용하여 html페이지를 실행시킨다. 2. 로컬호스트의 주소가 예를들어 http://127.0.0.1:5500/test.html 이라고 하자. 3. 메뉴 > 네트워크 > 와이파이 > 상세정보에서 맥북의 IP Address를 알아내자(예를 들어 192.168.1.12라고 하자) 4. 사파리브라우저를 실행시키고, 설정 > 고급설정(Advanced)탭에서 하단에서 Show develop menu in menu bar (개발자메뉴보기)를 체크 해 준다. 5. 사파리 브라우저 상단메뉴에 'Develop' 메뉴가 추가되었다면 iphone 설정으로 넘어가자. Step 2. iphone 에서 할일 1. usb로 맥북과 iphone을 연결한다. 2..
1. usb로 맥북과 아이폰을 연결한다. 2. 보안경고가 뜨면, '신뢰'를 누르고 비밀번호를 누른다. 3. vs code에서 라이브서버를 띄워서 html문서를 실행한다.(예 : 127.0.0.1:5500/test.html ) 4. 현재 맥북의 IP 주소를 알아낸다. ( 설정 > 네트워크 > 와이파이 정보 > 상세보기 화면 하단에 있다) 5. 연결된 아이폰에서 vs code에서 띄운 라이브서버주소에 있는 ip만 맥북의 ip주소로 변경한다. 예를들어 맥북의 ip주소가 192.168.1.12 라고 가정했을때에, 아이폰의 크롬브라우저의 주소창에는 192.168.1.12:5500/test.html이라고 입력하면 된다.