목록분류 전체보기 (78)

< Code diaries />

[HTML] input 패턴 정규표현식. html 입력필드에 들어가는 값에 대한 표현식 정하기. RegExp in javascript

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에 사용할 수 있다...
Html 2024. 1. 25. 04:10
아이폰 브라우저 개발자도구 pc 로 보기 - for iPhone with Mac (usb 디버깅) - Safari browser

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..
Short Informations 2024. 1. 21. 22:08
mac PC 브라우저를 iphone으로 보기

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이라고 입력하면 된다.
Short Informations 2024. 1. 21. 21:38
Mac에서 IP주소 확인하기

두가지 방법을 소개한다. 1. 터미널에서 확인하기 터미널에서 아래와 같이 입력하면 바로 ip 주소만 확인이 가능하다. ipconfig getifaddr en0 2. 설정 > 네트워크 메뉴에서 확인하기 설정 > 네트워크 메뉴로 들어가서 연결된 와이파이를 선택 한후, 와이파이 이름 우측의 Details (상세정보)를 클릭하면, 팝업창 하단에 IP 주소가 출력되어있다.
Short Informations 2024. 1. 21. 21:30
[ CSS ] - 말줄임, 여러줄 말줄임 -webkit-line-clamp

말줄임 표시하기 1줄 말줄임white-space: nowrap; /* 줄바꿈 허용 안함 */overflow: hidden;text-overflow: ellipsis; white-space:nowrap 은 줄바꿈을 허용하지 않는 속성이다. 줄바꿈을 허용하지 않아야 한줄로 overflow가 생길수 있게 되어 한줄이상의 넘치는 문자열을 overflow:hidden으로 숨기고, text-overflow설정으로 말줄임표를 붙일 수 있다.여러줄 말줄임overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 여기에서 지정한 숫자로 말줄임 된다 */-webkit-box-orient: vertical; 여러줄 말줄임이므로..
CSS Libraries 2024. 1. 19. 07:48
[JS ] - DOM 객체 다루기 - element.insertAdjacentElement() append() 보다 빠르다~!

element.insertAdjacentElement()- 특정엘리멘트에 노드를 삽입하는 메소드 이다. - Syntax(구문)insertAdjacentElement(position, element) - Parameters(파라미터) - position타겟요소의 상대적인 위치를 문자열로 지정한다. 반드시 텍스트가 일치해야하며 대소문자를 구분하지는 않는다.A string representing the position relative to the targetElement; must match (case-insensitively) one of the following strings:Parameters(String type)Description'beforebegin'Before the targetElement i..
Javascript-DOM 2024. 1. 19. 06:48
이전 Prev 1 ··· 10 11 12 13 Next 다음