spartacodingclub-비개발자를 위한 웹개발 종합반
강의 만족도- 4 . 5 / 5
수강 기간- 21 . 11 . 8 ~ 11 . 19
" 앞으로 IT 삶이 우리의 미래이고, 우리의 삶에 큰 영향을 미칠 것이며 IT 기술로써 교육 불평들을 해소 해야한다."
-유튜브 세바시 929회 송원민 -
교육과정-웹종합 개발
5주차의 강의로써 8차시씩 하루 하루 들어가면서
코드를 쌓아 올리는 시간을 가지면서, 시간을 보냈다.
기본은 온라인 강의를 듣고 강의에서 나온 코드와 내용을 토대로 제공되는 기본적인 틀이 되는 코드와 자료들을 자전거 보조 바퀴와 같이 연결해서 제작을 올려가는 과정이었다.
코딩을 하면서 느낀 점은 Try&error 라는 반복과 실수, 점검과 같이 문제를 반복하면서 나아가야하는 데, 혼자서 이것을 하면 코드에 어디에 문제가 발생했다는 것을 알아 차리는 것이 어렵다는 점을 소통할 수에는 메시지를 통해서 잡아주고
온라인에서 공부가 혼자서 하면 게으름이 올라온 것을
매일 Gather에서 만나며 우리는 같이 공부하고 있다는 연대감을 주어서 해소해주었다.
그뿐 아니라 전 기수들이 강의를 듣고 팀을 만들어 새로운 것을 만들어 낸 것을 발표하는 것을 보고 나도 할 수 있으까, 어떻게 하면 할 수 있을까하는 흥미도 올렸다.
아래는 처음 만든 코드와 마지막에 만든 코드이다.
이것으로 후기를 맞힌다, 11기 수강생들과 문답해주신 매니저님들에게 감사를 올리며 글을 맞친다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스파르타코딩클럽 | 로그인페이지</title>
<style>
.mytitle {
color: white;
width: 300px;
height: 200px;
background-image: url('https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg');
background-position: center;
background-size: cover;
border-radius: 10px;
text-align: center;
padding-top: 40px;
}
.wrap {
margin: 10px auto;
width: 300px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="mytitle">
<h1>로그인 페이지</h1>
<h5>아이디, 비밀번호를 입력해주세요</h5>
</div>
<div>
<p>
ID: <input type="text" />
</p>
<p>
PW: <input type="password" />
</p>
</div>
<button>로그인하기</button>
</div>
</body>
</body>
</html>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>