사용자가 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