한 번에 끝내는 파이썬 웹 개발 초격차 패키지 98일차

웹 & 프론트엔드 기본

Bootstrap

Forms

Form controls

Give textual form controls like <input>s and <textarea>s an upgrade with custom styles, sizing, focus states, and more.

getbootstrap.com

- 사용자 지정 스타일, 크기, 포커스 상태 등을 사용한 업그레이드인 <입력> 및 <텍스트 영역>과 같은 텍스트 폼 컨트롤을 제공

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	
	<!-- Bootstrap -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="./main.css">

	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body>
	<div class="container mt-2">
		<label for="exampleFormControlInput1" class="form-label">Email address</label>
		<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
	  </div>
	  <div class="container mt-2">
		<label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
		<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
	  </div>
</body>
</html>

오늘은 Bootstrap form-controls에 대해 학습해보는 시간을 가졌다. 앞으로 블로그에는 나의 일기를 생략하기로 한다. 개인적인 느낌 추가하려다가 입력했던 부분인데 공부하는 거에 별도로 쓸데없는 내용이 많이 첨삭되어 작성되면서 강의에만 있는 내용이 아닌 느낌이 들어서 앞으로는 강의에 흘러나오는 내용 및 느낀점을 작성해서 올리고자 한다. 블로그 내용은 더 초라하게 보일인지는 모르지만 나의 개인적인 공간으로써 활용하고자 한다. mt가 margin-top을 지칭하는 것을 알게 되었으며 mt 숫자가 낮을수록 박스 사이즈가 줄어드는 것을 볼 수 있었다. form 양식 공식문서에 있는 내용 그대로 가져다 썼는데 나름 이쁘게 디자인한 것 같아서 만족스럽다.

98일 차는 여기서 마무리하고자 합니다.

패스트캠퍼스 링크 :https://bit.ly/37BpXi

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

'FastCampus > 한 번에 끝내는 파이썬 웹 개발 초격차 패키지 Online.' 카테고리의 다른 글

한 번에 끝내는 파이썬 웹 개발 초격차 패키지 100일차 (0)	2021.12.14
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 99일차 (0)	2021.12.13
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 97일차 (0)	2021.12.11
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 96일차 (0)	2021.12.10
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 95일차 (0)	2021.12.09