부트스트랩(Bootstrap)은 프론트엔드 Component Library라고 하여 웹페이지에 필요한 버튼, 메뉴, 탭, 모달, 카드 등 필수 요소들을 모아놓은 일종의 CSS 파일입니다. 이걸 우리의 HTML 파일에 설치하게 되면 보다 빠른 복붙식 HTML CSS개발이 가능하게 됩니다. 간단 설치방법 https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template 방문 후 Starter Template 이라고 써있는 예제 코드를 새로운 HTML 파일에 복붙하시면 됩니다. Hello, world! 약간 안정성있는 설치방법 또는, 위처럼 간편하게 설치하지 않고 안정성있게 설치하려면 https://getbootstrap.com/d..

대부분의 웹 사이트는 정적 데이터를 표현하는 HTML 문서를 기반으로 디자인과 가독성을 높이기 위한 CSS 그리고 웹사이트와 사용자 간 다양한 상호작용을 만들어낼수 있는 JavaScript가 덧붙여진 형태입니다. CSS의 적용방식에 대해 알아보기 전, CSS의 기본문법에 대해 알아보겠습니다. CSS 문법은 크게 셀렉터와 선언 블록으로 나뉩니다. 먼저 셀렉터로 스타일을 지정할 HTML 요소나 id, class등을 선택한 뒤 그에 대한 스타일을 선언 블록인 중괄호{} 사이에 지정하는 방식입니다. 각각의 스타일 속성들은 세미콜론으로 구분합니다. 셀렉터{ 속성명1: 속성값; 속성명2: 속성값; } ex{ color: red; font-size: 20px; background-color: black; } 위는 하..