-
Bootstrap 5
(bs5-31
, 2022.03.30)
목차
flexbox 블럭 vs 인라인
flexbox 수평 정렬 (왼쪽/오른쪽)
flexbox 수직 정렬 (기본/역순)
flexbox 아이템 끝선 정렬
flexbox 아이템 동일 너비 설정
flexbox 나머지 너비 (차지/제거)
flexbox 아이템 순서 조…
-
Bootstrap 5
(bs5-11
, 2022.03.30)
목차
Button Background (버튼 배경색)
.btn 클래스 사용 가능 요소 : <a> , <button> , <input>
Button Outline (버튼 외곽선)
Button Height (버튼 높이)
Button Width (버튼 너비…
-
Bootstrap 5
(bs5-9
, 2022.03.30)
BS5는 점보트론 지원 X
1. Jumbotron (점보트론) 의미
특별한 내용/정보에 대한 주의/환기 위한 패딩 처리된 큰 상자.
BS3에서 도입 후, BS4에서도 사용됨.
2. BS5는 Jumbotron 지원 X
대신, <…
-
Bootstrap 5
(bs5-7
, 2022.03.30)
목차
Table Basic (기본 테이블)
Table strip (테이블 얼룩말 줄무늬) IE9 이상
Table border (테이블 테두리)
Table hover (테이블 허버)
Table Dark (검정 테이블)
Table Dark + Strip (검정 얼룩말 줄무늬…
-
Bootstrap 5
(bs5-6
, 2022.03.30)
목차
Text Color (글자색)
Background Color (배경색)
Text Color (글자색)
Text Color (글자색) - 일반 글자색
<div class="container mt-3">
<…
-
Bootstrap 5
(bs5-3
, 2022.03.30)
목차
Container - 2종류
Container - max-width (최대너비)
Container - padding (안쪽여백)
Container - border (테두리) / color (색깔)
Container - 분기점별 max-width (최대너비)
…
-
Bootstrap 5
(bs5-2
, 2022.03.30)
목차
BS 소개
BS 버전
BS 사용 이유
BS5 얻는 방법 (2가지)
BS5 CDN
BS5 다운로드
BS5 적용방법
BS5 예제 - 박스형/와이드형
BS 소개
…
-
Bootstrap 5
(bs5-1
, 2022.03.30)
목차
BS5 소개
BS5 예제
BS5 특징 - cf. BS4, BS3
BS5 소개
반응형 모바일 우선 웹 사이트 제작 위한 프레임워크.
HTML, CSS, JavaScript 언어로 구성됨. (cf. jQuery…
-
JavaScript
(js-1990
, 2022.03.19)
목차
for...of 예제 - 배열의 각 요소를 콘솔에 출력
for...of 정의
for...of 구문
for...of 예제 - 배열 반복
for...of 예제 - 문자열 반복
for...of vs for...in 차이점
for..…
-
CSS
(css-356
, 2022.02.25)
인스타그램 느낌의 배경색 효과
<style>
.instagram {
width:100px; height:100px;
background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd…