목록공부 (208)
컴퓨터는 잘못이 없다..
[bootstrap.css엔 무엇이 있을까?] -> bootstrap.css파일을 열어보면 각종 클래스들이 정리되어 있음을 알 수 있다. [bootstrap.css 클래스를 사용해야하는 이유?] button에 패딩을 넣는 3가지 방법 1번 2번 3번 -> 부트스트랩의 class를 사용! rem으로 크기를 설정하기 때문에 확대해도 깨지지 않는다는 장점이 있다. [bootstrap.css 약어] .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } ┖위의 bootstrap.css 내 적혀진 클래스명을 보면 저게 뭔 소리야..? 하는 의문이 든다. 따라서 약어..
[예제코드] Grid System 사용 Grid System 사용 첫번째 칼럼 컨텐츠 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita odit possimus recusandae autem facilis fugit velit quisquam voluptatem, incidunt amet nisi voluptate repudiandae deserunt maiores ullam animi architecto aliquam reiciendis. 확인 두번째 칼럼 컨텐츠 Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis voluptatem vero quidem saepe id? ..
[예제 코드] 알림 스타일 작업 성공 했습니다. 에러가 발생했습니다. 다시 시도하기 파랑색입니당 제거 가능한 Alert 아래의 alert는 bootstrap4 에서 미리 준비된 javascript 이용해서 동작이 되는 alert 이다. 동작하기 위해서는 jquery와 bootstrap javascript를 순서대로 로딩하고 ui에는 data-* = "*" 속성을 약속된 형식에 맞게 넣어주면 동작한다. 주의! 컨텐츠가 삭제 됩니다. × [코드 결과] 1) 2) 3)
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..