현우의 개발상자
멋쟁이사자 FE7 18일차 본문
728x90
Apply (적용)
오늘도 지난번과 같이 실습한 내용을 올리고 느낀 점을 적고자 한다.
<!DOCTYPE html>
<html lang="ko-KR">
<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>버킷리스트</title>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background: #d9d9d9;
}
.wrapper {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 448px;
height: 494px;
border-radius: 20px;
background: #eee;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.header {
position: relative;
width: 100%;
height: 120px;
color: #ff007a;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-left: 39px;
display: flex;
align-items: center;
border-radius: 20px 20px 0px 0px;
border-bottom: 4px solid #ddd;
background: #fff;
}
.header::after {
position: absolute;
content: "";
width: 8px;
height: 32px;
border-radius: 0px 10px 10px 0px;
background: #ff007a;
top: 41px;
left: 0;
}
.main {
width: 100%;
height: calc(100% - 120px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 40px 0;
}
.main div {
width: 372px;
height: 48px;
border-radius: 10px;
border: 4px solid #d9d9d9;
background: #fff;
color: #888;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
padding-left: 15px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="box">
<div class="header">My Bucket List</div>
<div class="main">
<div>Travel all around the world</div>
<div>Try a profession in a different field</div>
<div>Try a profession in a different field</div>
<div>Achieve your ideal weight</div>
<div>Run a marathon</div>
</div>
</div>
</div>
</body>
</html>
Feeling (느낀 점)
이번 실습은 이번주 진행한 과제들에 비해 쉬운게 느껴졌다. 물론 구현해야 할 것들도 훨씬 적고 레이아웃도 쉬워서인 이유도 있겠지만, 3주간 꾸준히 열심히 배우고 실습한 지식과 경험이 조금의 실력 상승을 이룬 것 같다.
매일 꾸준하게 배운내용에 대해 실습하고, 어려운 부분에 대해서 구글링을 하는 경험을 쌓는다면 점점 발전하는 나를 발견할 수 있을 것이다.
또한 어제 부터 아침에 모여서 공부하는 스터디를 만들었는데 아침 공부 시간을 통해 영어 공부를 1시간 진행할 것이다.
구글링을 하다보며 느낀 점은 한국어로 검색할 수 있는 정보량보다 영어로 검색했을 때 얻을 수 있는 정보량이 훨씬 많다는 것이다. 영문으로 된 글들을 더욱 쉽게 이해할 수 있도록 영어 공부도 필요하다는 생각을 했고, 바로 실천에 옮겼다.
시작은 누구나 할 수 있다 생각한다. 하지만 끝까지 시작처럼 하는건 어렵다고 생각한다. 끝까지 포기하지 않고 꾸준함을 지킬 수 있는 내가 될 수 있도록 노력할 것이다.
'멋쟁이사자 FE7' 카테고리의 다른 글
| 멋쟁이사자 FE7 20일차 (0) | 2023.07.31 |
|---|---|
| 멋쟁이사자 FE7 19일차 (0) | 2023.07.27 |
| 멋쟁이사자 FE7 17일차 (0) | 2023.07.25 |
| 멋쟁이사자 FE7 16일차 (0) | 2023.07.24 |
| 멋쟁이사자 FE7 15일차 (0) | 2023.07.21 |
'멋쟁이사자 FE7' Related Articles
more
