[240924_TIL] 사전캠프 1일차 학습과정
조금 뒤늦은 합류로 스파르타 내일배움캠프 프론트엔드 개발 부트캠프 7회차에 최종 합격하게 되었다. 사전교육 일정이 약 일주일 남은 시점에서 본교육 학습과정을 문제없이 이해하기 위해 캠프에서 제공되는 웹개발 종합반과 프론트엔드 기초 강의 수강에 집중할 필요성이 느껴졌다. 개발 경력도 공부 경험도 없는 노베이스 수강생이지만 완강하는 날까지 최선을 다하고자 한다.
웹개발 종합반 1주차
- 개요
웹은 개발 입문자로서 배우는 기초 과정이 될 수 있다. 그 프로세스에서는 웹사이트의 구조와 내용, 디자인과 관련된 다양한 작업을 포괄적으로 익히게 된다. 웹개발 종합반 강의에서는 HTML, CSS, Bootstrap을 포함하여 다양한 종류와 단계로 웹사이트를 만드는 방법을 살펴보고 입문자를 위한 유용한 툴을 직접 사용해 볼 수 있다.
- HTML 기초
HTML(Hyper Text Markup Language)은 모든 웹페이지의 기본 구조를 정의하는 요소로 기능한다. 학습 과정에서 HTML을 작성하는 문서 타입 중 HTML5로 단순한 형태의 로그인 화면을 구성해 보았다.
 |
<body>
<div class="wrap">
<div class="mytitle">
<h1>로그인 페이지</h1>
<h5>아이디, 비밀번호를 입력해주세요</h5>
</div>
<p>ID : <input type="text" /></p>
<p>PW : <input type="text" /></p>
<button>로그인하기</button>
</div>
</body>
</html>
|
- CSS 기초
HTML은 웹페이지의 기본 골자를 정할 수 있지만, 뼈대만으로는 사용자로 하여금 보기 좋은 웹페이지와 상호작용 경험을 제공할 수 없다. CSS는 이를 보조하는 기술로 웹페이지를 꾸미고 시각적인 다양성을 만들 수 있다.
- Bootstrap 활용
CSS를 활용하여 웹페이지를 꾸밀 줄 아는 것과 실제로 보기 좋은 디자인을 구성하는 것은 다른 영역이다. Bootstrap 프레임워크는 버튼이나 아이콘부터 내비게이션 바, 각종 리스트, 썸네일 등 웹에서 사용하는 기능들을 대부분 오픈소스로 지원하여 입문자도 쉽게 자신만의 웹페이지를 제작해볼 수 있다.