공간 padding / 여백 marginPadding(공간)    - 내가 가진 범위 틀 안에서 여유있는 공간을 설정하는 것    pt- : (padding-top)태그 위쪽 공간을 설정    pr- : (padding-right)태그 오른쪽 공간을 설정    pl- : (padding-left)태그 왼쪽 공간을 설정    pb- : (padding-bottom)태그 아래쪽 공간을 설정    px- : 태그의 왼쪽, 오른쪽 공간을 설정    py- : 태그의 위쪽, 아래쪽 공간을 설정    p- : 태그의 모든방향 공간을 설정Margin(여백)    - 다른 태그나 다른 값과 거리를 두는 것    mt- : (margin-top)태그 위쪽 여백을 설정    mr- : (margin-right)태그 오른쪽..

primary    - 파란색secondary  - 회색success    - 초록색danger     - 빨간색warning    - 노란색info       - 하늘색light      - 밝은 하얀색dark       - 어두운색, 짙은 차콜색 여기에 해당하지 않는 색상은 직접 style을 작성해서 만들어야 함.

컴포넌트 : 특정 기능이나 기능들의 집합을 의미- 독립적으로 설계된 기능, 재사용이 가능한 모듈 또는 단위- 객체, 기능, 메서드 등 Button - 클릭 가능한 버튼을 생성 - 부트스트랩으로 버튼을 시작할 때 class 내부에 btn(버튼 시작) 기능을 작성해주고, 추가로 작성하고픈 내용을 작성input 안에 있는 type="button"을 사용하길 원한다면      a태그를 버튼처럼 사용하길 원한다면 다음과 같이 사용    a태그버튼  * 테두리 형식 버튼으로 만들기 기존과 유사하나, btn과 색상 사이에 outline을 넣는다.   * 버튼 크기 조정하기 - 버튼의 크기는 btn-lg나 btn-sm 같은 크기 조정 설정을 적용하거나 padding을 활용해서 버튼의 크기를 조정할 수 있음  * 버튼 ..

부트스트랩의 내비게이션 바는 반응형 웹 디자인에서 자주 사용되는 기능.다양한 화면 크기에서 적절하게 변경하는 메뉴를 쉽게 만들 수 있음* class 기능 설명.navbar    - 네비게이션 바를 정의하는 기본 설정. 네비게이션 바의 기본 설정 스타일을 적용.navbar-expand{-sm -md -lg -xl -xxl}    - 네비게이션 바가 특정 화면 크기 이상에서 확장되도록 함    - 화면 크기가 설정된 값보다 작을 때는 햄버거메뉴(석 삼자) 아이콘으로 축소    -sm : 작은 화면 크기 576px 이하는 햄버거 메뉴 아이콘 보임    -md : 중간 화면 크기 768px 이하는 햄버거 메뉴 아이콘 보임(태블릿pc)    -lg : 큰 화면 크기 992px 이하는 햄버거 메뉴 아이콘 보임(작은..

부트스트랩(Bootstrap)- 트위터에서 개발한 오픈 소스 프론트엔드 프레임워크.- 반응형 웹 디자인- 부트스트랩은 프레임워크이기 때문에 어느정도 기본 스타일은 제공해주지만, 추가적인 스타일이 필요할 경우 css를 사용해서 디자인을 만들어줘야함https://getbootstrap.kr/  : 부트스트랩으로 이동하기        사용 방법(둘 다 필수로 사용해야함)  ※ integrity : - 링크를 안전하게 가져오기 위해 설정하는 속성- 필수는 아니나 보안이나 신뢰성을 위해 설정하는 것이 좋음※ crossorigin :- anonymous : 자격 증명을 포함하지 않도록 설정- 필수는 아니나 보안이나 신뢰성을 위해 사용하는 것이 좋음라이브러리와 프레임워크 차이- 라이브러리 = 뷔페  -> 라이브러리는..