개발자L
주 제 : 덕담 하나 주면 안 잡아 먹지!
작성일 : 2022.02.02.
1. 코딩시대
바야흐로 대 코딩시대가 도래하면서 전공자 외에도 코딩을 배우고자 하는 비전공자의 수가 증가하고 있습니다. 또한, 개발자에 대한 인식 및 처우가 좋아짐에 따라 개발자로 취업하고자 하는 청년층이 증가되고 있습니다. 이로 인해 다양한 교육강좌들이 우후죽순으로 늘어나고 있으며, 종종 수강료를 지급한 시점에서 강좌를 들었을때 불만족하는 경우도 더러 있습니다. 그렇기에 맛보기 강좌 또는 리뷰에 따라 본 강의를 수강할지 말지에 대한 선택에 중요한 영향을 주는 것 같습니다.
2. 스파르타 코딩클럽
2.1. "덕담 하나 주면 안 잡아 먹지~!"
개인적으로 설 기간에 맞춰서 위와 같은 무료특강을 기획한 것은 신의 한수가 아닌가 싶습니다. 저도 나만의 덕담 페이지를 만들어 보고는 싶었지만, 어떻게 만들며 배포하는 방법을 몰라서 생각만 했었는데, 이걸 1시간내로 만들수있다는 소개에 바로 가입하여 무료특강을 신청하였습니다. 기초부터 시작하다 보니 누구나 쉽게 접근이 가능하고, 플랫폼 자체가 교육에 맞게 잘 구축되어있어서 배우기 편리하다는 느낌을 받았습니다. 또한, 강의 시간이 길지않아 집중이 흐트러지지않습니다.
저는 설 당일 전에 만들어서 친구들한테 공유하였는데 포스팅은 조금 늦었습니다. 그래도 남은 연휴기간에 도전하고 싶은 분들 또는 HTML, CSS가 뭔지 궁금하신분들은 한번 도전해보는것을 추천드립니다.
- 수 강 료 : 무료
- 수강기간 : 01월 24일(월) ~ 02월 06일(일)
3. 덕담페이지 및 코드
본 강좌를 통해 하단의 이미지처럼 나만의 덕담페이지를 만들 수 있습니다. 하지만, 코드 외에 서버에 해당 코드를 올리는 방법 등에 대한 상세한 프론트 엔지니어에대한 설명은 없습니다. 역시 무료강좌이다보니 프론트 엔지니어가 어떤일을 하는지에 대해서만 제공하고 있습니다. 더 깊이 알고싶으면 강의를 신청해야겠지만, 그래도 입문자에게는 접근하기 좋은 프로그램인것 같습니다.
<!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>덕담 하나 주면 안 잡아먹지!!</title>
<meta property="og:title" content="개발자 우성우 덕담 페이지"/>
<meta property="og:description" content="설명절 덕담 한마디 남겨주세요!"/>
<meta property="og:image" content="https://2022-01-newyear.s3.ap-northeast-2.amazonaws.com/ogimage.png"/>
<style>
@font-face {
font-family: 'Cafe24Ssurround';
src: url('https://2022-01-newyear.s3.ap-northeast-2.amazonaws.com/Cafe24Ssurround.woff') format('woff');
}
* {
font-family: 'Cafe24Ssurround';
}
.background {
width: 100vw;
height: 100vh;
max-width: 450px;
background-image : url('https://2022-01-newyear.s3.ap-northeast-2.amazonaws.com/bg_default.png') ;
background-position: center;
background-size: cover;
margin: auto;
}
body, h1, p {
margin: 0;
}
.title {
color: #3f3732;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5vh;
}
.title > h1 {
font-size: 22px;
background-color: white;
padding: 8px;
border-radius: 16px ;
margin-bottom: 16px;
}
.title > p {
font-size: 18px;
}
.title > p > span {
font-size: : 22px;
}
.btn {
background-color :#3f3732;
color : white ;
width: 300px;
height: 50px;
border-radius: 10px;
font-size: 18px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
position: fixed;
bottom: 16px;
left:calc(50% - 150px);
}
.box > img {
width: 70px;
position: absolute;
bottom: 50%;
left: 20%;
}
</style>
<script src="https://2022-01-newyear.s3.ap-northeast-2.amazonaws.com/free_newyear_2022.js"></script>
<script>
let mycode = 'e7ab03ebba298fa92ecbb5b75974ff8b';
</script>
</head>
<body>
<div class = "background">
<div class ="title">
<h1> 덕담 하나 주면 안잡아먹지 </h1>
<p> 개발자 우성우님이 받은 덕담 : <span>2개</span></p>
</div>
<div class = "box">
</div>
<div class="btn">바구니에 덕담 남기기</div>
</div>
</body>
</html>
'Info' 카테고리의 다른 글
해외사업 관련 유용한 사이트(Feat. 환율 및 시차) (0) | 2022.12.26 |
---|---|
[아프리카 출장준비] 아프리카 4개국 비자 발급 (0) | 2022.05.27 |
국가별 기상청 명칭 및 홈페이지 (0) | 2022.01.09 |
[기상기사] 자격증 기출문제 전자문제집 CBT (0) | 2021.08.29 |
[빅분기]제2회 빅데이터분석기사 필기발표일 및 시험후기 (0) | 2021.04.18 |