내가 개발일지를 쓰다니 기분이 이상하다ㅎㅎ
페북을 알게되었을 무렵 나는 코딩에 대한 막연한 동경과 꿈이 있었다.
그 때는 대학 생활을 하며 노느라 못하다가 이제서야 뒤늦게 공부를 하고 있다.
사실 그때 코딩하겠다고 책도 여러권 사며 도전했지만, 나에게 코딩은 독학으로 공부하기가 참어려웠다.
간단한 계산기 조차 하루종일 만들었고 작동도 잘 되지 않았으니 말이다.
물론 노는 시간을 줄여서 공부했다면 완성 했겠지만, 함께 공부하는 사람도 없고 물어볼 곳도 없다보니 열정은 쉽게 식어버렸다.
그렇게 흥미를 잃고 있다가 유튜브 강의를 보고는 홀린듯이 결제하여 공부하고 있다.
아직도 그 당시 꿈을 가슴속에 품고 살고 있었나 보다.
월 15만원이라는 거금을 결제 하고는 '역시 돈이 좋다'라고 혼잣말을 했다.
이번에는 핑계거리가 없다.
유능한 분의 강의를 들으면서 모르면 곧바로 물어볼 수도 있다.
이번에는 꼭 코딩을 배워서 나만의 서비스를 만들어 보리라!
이걸로 취직해보는 것도 좋고~!
일하느라 이사하느라 피곤해서 첫 주차는 휴무일 하루에 다 놀아보고 과제를 했다.
아래는 내가 숙제로 작성한 코드인데..
박스에 입력한 값이 아래 들어가지는 않는다ㅎㅎㅎ
숙제 답안을 봐도 연결하는 방법이 보이지 않는 걸보니(내가 코딩 까막눈이라 못찾은 것일 수도..)
아직 그런건 안 배웠나보다ㅎㅎㅎㅎㅎ
아무튼!
나도 코딩 공부 시작!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<title>스파르타코딩클럽 | 팬명록 숙제하기</title>
<style>
* {
font-family: 'Gowun Dodum', sans-serif;
}
.mytitle {
/*background-color: green;*/
/**/
width: 100%;
height:250px;
/*사진 어둡게 만들기*/
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://blog.kakaocdn.net/dn/bXc1mi/btqDZOhUE7Y/l06RWe3pVwzEhHStvdhVOk/img.png");
background-position: center 30%;
background-size: cover;
color: white;
/*가운대 정렬*/
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mytitle > button {
width: 200px;
height: 50px;
background-color: transparent;
color: white;
border-radius: 50px;
border: 1px solid white;
margin-top: 10px;
}
.mytitle > button:hover {
border: 2px solid white;
}
.wrap {
/*모바일 처리*/
max-width: 1200px;
width: 95%;
margin: 20px auto 0px auto;
}
.mypost {
//background-color: green;
max-width: 500px;
width: 95%;
margin: 20px auto 20px auto;
box-shadow: 0px 0px 3px 0px;
padding: 20px;
/*display: none;*/
}
.mybtn {
//background-color: green;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.mypost > button {
margin-top: 10px;
}
</style>
</head>
<body>
<div class="mytitle">
<h1>Keshi 팬명록</h1>
<!-- <button onclick="open_box()">영화 기록하기</button>-->
</div>
<div class="mypost">
<!-- 간단한 글씨를 씁니다.-->
<div class="form-floating mb-3">
<input type="text" class="form-control" id="text" placeholder="url">
<label for="floatingInput">닉네임</label>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave comment here" id="comment"
style="height: 100px">
</textarea>
<label for="floatingTextarea2">응원댓글</label>
</div>
<button onclick="save_comment()" type="button" class="btn btn-dark">응원남기기</button>
</div>
<div class="card" id="comment-list">
<div class="card">
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>A well-known quote, contained in a blockquote element.</p>
<footer class="blockquote-footer">Someone famous in
</footer>
</blockquote>
</div>
</div>
</div>
</body>
</html>'파이썬' 카테고리의 다른 글
| 앱개발 플러스 2주차! (0) | 2022.05.22 |
|---|---|
| 앱개발 플러스 1주차! (0) | 2022.05.14 |
| [D+23] 시간 참 빠르다 (0) | 2022.04.28 |
| [D+7] 개발일지: 크롤링을 배우다 (0) | 2022.04.13 |
| [D+2] 개발일지: 아직도 뭐가뭔지 모르겠지만 (0) | 2022.04.07 |
