정규식은 해도해도 어렵다..정규식을 작성하고 정상적으로 작동 되는지 확인할수 있는 페이지https://regexr.com/

모바일 웹 랜딩페이지 제작 중 video를 삽입하면서 알게된 사실을 공유!IOS는 나를 너무 힘들게 한다.아이폰 충성 이지만 ,, 정털릴뻔,,IOS에서 video를 재생하려면 'muted autoplay playsinline'이 세가지 속성을 필수로 써야한다!swipe

휴대용 장치(터치 스크린이 있는)에 터치 기반 입력을 직접 처리 하거나 응용 프로그램 입력에 해석된 마우스 이벤트를 사용할 수 있다.터치이벤트 인터페이스는 두 손가락 제스처와 같은 응용 프로그램별 단일 및 다중 터치 상호 작용을 지원한다.손가락이 접촉면에 처음 닿으면

robots.txt robots.txt는 검색로복에세 사이트 및 웹페이지를 수집할 수 있도록 허용하거나 제한하는 국제 권고안. robots.txt 파일은 항상 사이트의 루트 디렉토리에 위치해야 하며 로봇 배제 표준을 따르는 일반 텍스트 파일로 작성해야 한다. 예) h

삼항 조건 연산자는 if문의 축약 형태표현식condition ? expr1 : expr2· condition = 조건을 나타내는 표현식이 들어가는 자리 (조건문의 결과는 true, flase 둘 중 하나가 나오는 표현식)· expr1 = 조건문이 참일때 반한되는 표현식

상위 컨테이너 크기 또는 스타일에 응답.컨테이너가 자신을 가능한 쿼리 대상으로 선언해야 함.색상 혼합 기능색상 대비 기능 해당 부분이 비활성화 되어 클릭 및 포커스 변경 시도를 사용할 수 없다.소형, 대형 및 동적 뷰포트 단위를 사용할 수 있다.높이 뷰포트 단위너비 뷰

\-webkit-transition:-webkit-transform .5s; \-webkit-backface-visibility: hidden; \-webkit-treansform: translate3d(0,0,0); \-webkit-background-i

사용자가 URL(Uniform Resource Locator)을 브라우저 주소창에 입력하고 엔터를 누르면 페이지로 이동한다.사용자는 단순히 URL을 입력하였을 뿐이지만 서버 내부에서는 클라이언트의 요청에 응답(웹페이지로 표현)하기 위해서 처리를 해주어야 한다.여기서 클

기존에 사용하던 hidden css웹 접근성을 고려한 hidden css출처https://github.com/h5bp/main.css/issues/12

뷰포트의 가로, 세로 비율로 장치의 방향을 판단한다.세로모드 : portait가로모드 : landscape

이벤트 연결 on() 메서드 : 이벤트 연결 > 첫 번째 매개변수에 이벤트 이름을 입려하고 두 번째 매개변수에 이벤트 리스너를 입력, 이벤트 리스터 안에서 this 키워드는 이벤트가 발생한 객체를 의미 > on() 메서드의 매개변수에 객체를 넣어준다. 속성 이름과

이미지 등 drag 막기 css전체 드래그 막기(복사안됨?)일부 영역 드래그를 허용 -> bacy에 드래그 방지 코드를 넣어놓고, 원하는 영역에 클래스 추가 텍스트만 드래그를 허용하고 싶은 경우이미지 드래그 막고 싶은 경우

url 복사 하는 버튼 script! 텍스트 값을 가진 메소드 사용해 엘리먼트를 생성 후 복사 복사 후 해당 엘리먼트를 제거

웹 반응형 작업을 하면서 크롬 모바일 모드나 다른 디바이스에는 문제 없이 보이던 텍스트 들이 몇몇 아이폰 모바일 웹으로 화면을 볼때 어떤font들은 이상하게 크게 보이는 경우가 있다. IOS의 경우 뷰포트가 변경되면 자동으로 폰트 크기를 조절하기 때문이라고 한다.

`

이벤트 이름 : 이벤트 이름 이벤트 속성 : 특정 요소(태그)에 이벤트를 직접 연결할 때 활용하는 속성 이벤트 리스너 or 핸들러 : 특정 요소(태그) 의 이벤트 속성에 연결한 함수 디폴트 이벤트 : 요소(태그)가 가지고 있는 기본적인 이벤트, ex) a태그 클릭 ->

Transform 다른 요소들에 영향을 주지 않는다. transform:scale(); 크기 transform:rotate(deg); 회전 transform:skew(deg);skewX(deg);skewY(deg); 비틀기 transform:translate(x,y)

선택한 요소의 모든 부모요소들을 선택한다.두번째 상위요소(grandmom) 호출 하는 방법 - index로 호출 하는 eq()사용선택한 요소의 가장 가까운 부모요소를 선택한다.선택한 요소를 포함하면서 가장 가까운 부모요소를 선택한다.closest('선택자'), clos

· Transform· Animation· DOM 스크립트· 이벤트의 기본동작· this와 이벤트 객체· 클릭 이벤트· 이벤트 위임· 스크롤 이벤트· 스크롤 오브젝트 조작하기· Transiton· Animation· setTimeout· setInterval· requ