컴퓨터는 잘못이 없다..

1. 웹브라우저에서 F12-Source에 들어간다. 2. 확인을 원하는 코드에 breakpoint를 설정해둔다. 3. 사진 속 순서대로 실행해본다. 4. 아래 버튼을 통해 다음에 실행될 코드를 한줄씩 실행해가며 테스트 해본다.

[$ 의미] $() 는 document.querySelector() or document.querySelectorAll() 와 같은 의미 $().text 는 document.querySelector().innerText or document.querySelectorAll().innerText 와 같은 의미 $().css("color","red") 는 document.querySelector().style.color = "red" *다만 document.querySeletorAll().innerText의 경우 for문을 돌려주는 코드가 많은데 jQuery에서는 for문안에 넣어주지 않아도 $().text 가 알아서 for문을 돌아가주는 효과를 내준다. [$를 사용해서 js 코드 줄여보기] 1 2 3 4 5..

[JQeury 사용하기] 1) Download로 이동 2) 파일 저장 3) 로딩해오기 head 혹은 body에 작성하면 된다. [jQuery 문서]

하다맘!! [bootstrap.css파일]

[반응형 칼럼] -총 화면을 12칸으로 나누어 조절하므로 col 맨 뒤에 붙는 숫자는 1~12까지 있음 -화면크기는 총 5개로 구분 화면 크기 → Extra Small =576px Medium >=768 Large >=992 Extra Large >=1200px col-1~12 / 모든 영역에 대해 적용 (화면크기가 아무리 커도(Extra Large이상) 아무리 작아도(Extra small이하) 지정 수만큼 차지) col-sm-1 ~ 12 / 화면크기가 small 이상일 때 1~12칸 중 지정숫자만큼 차지 (화면 크기가 small 아래로 내려가면 col-sm뒤에 붙는 지정 수와 상관없이 폭100%를 차지함) col-md-1 ~ 12 / 화면크기가 medium 이상일 때 1~12칸 중 지정숫자만큼 차지 (..

[Grid System이란?] Bootstrap에는 12개의 칼럼으로 나누어서 기능을 제공한다. 테이블을 자유자재로 만들 듯 row클래스와, col-* 클래스들로 자유롭게 구성이 가능하다. 이렇게 구성한 페이지들은 Bootstrap에서 알아서 크기에 따라 반응형으로 동작한다. [쓰는 방법 예] 칼럼1 칼럼2 칼럼1 칼럼2 칼럼3 *위 코드 col 자리에 col-(sm~xl)-*가 들어가며 *에는 1~12까지의 수가 들어간다. (13개 이상이면 흘러내린다.) *위 코드처럼 col만 써준다면 화면 크기를 같은 비율로 나눠 차지한다.(칼럼이 3개면 1:1:1비율) *또한 col만 써준다면 col클래스 요소가 13개 이상이어도 나눠 차지한다 그리고 흘러내리지 않음! *또한 col-(sm~xl) 뒤에 숫자를 써주..