css를 공부하였다.
html로 구조를 짠것을<style>태그에서 색을 입히고, 크기를 정하고 투명도를 정하는 등의 부가기능을 더할 수 있었다.
<html>
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap" rel="stylesheet">
<style>
.class1 {color:red;}
.class2 {border:solid 1px black;}
#id1{font-size:30px;}
.bak {
background-color: skyblue;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin: auto;
opacity: 0.1;
}
.box1 {
box-sizing: border-box;
width: 50%;
height: 200px;
background-color: #ffffff;
/* invalid property value */
/* css 주석처리는 이거에요^^; */
border: double 10px black;
border-radius: 20px;
padding: 10px 30px;
margin: 0px auto;
opacity: 0.5;
top:20px;
left:20px;
}
.box2 {
width: 100px;
height: 200px;
/* 30vw viewv포트? 30%, width포트 vw */
background-color: #ff0000;
}
h1, h2, h3{
color:skyblue;
font-family: 'Nanum Brush Script', cursive;
}
</style>
</head>
<body>
<h1>hello world</h1>
<h2 class="class1 class2">class selector 1, 2</h2>
<h3>css h1,h2,h3 skyblue 나눔 브러쉬</h3>
<h4>hello world</h4>
<h5 class="class1">class</h5>
<h5 id="id1">id1 font-size:30px</h5>
<p>div fontsize:8, class fontsize:2em -> 8*2= 16px(strl+shift+i, +c)<br></p>
<div class="box1">border: double<br>padding: 10px 30px, padding-radius<br>margin: 0px auto<br>opacity:0.5</div>
<div class="box2">?</div>
<div class="bak"></div>
</body>
</html>
(이미지 이름에 특수문자가 들어가지않게 하자)
멋사 1주차
5월 12일(수) 드디어 멋쟁이 사자처럼 강의가 시작되었다!
1주차 과제는 블록체인NFT를 어떻게 활용할지 아이디어를 내는 것이었다.
그렇게 급하게 아이디어를 짜다가 눈에 띈것이 나무위키였다.
나무위키를 블록체인으로 구현한다면 1. 정보들이 어떠한 주체에 의해 없어지지않고 2. 커뮤니티에 참여하면 토큰으로 보상이 주어져 동기부여를 할수 있다는 장점이 있다.
하지만 급하게 짰듯 단점도 눈에 띄었다.
1. 나무위키도 충분히 탈중앙화된 모습을 보인다.
2. 보상이 동기부여가 될수있지만 목적이 되어 오히려 커뮤니티를 해칠 수 있다.
특히 2번은 해결하려면 골머리좀 싸야겠다. 커뮤니티의 의의와 보상의 관계를 더 생각해야 할것같다.
1주차 과제 제출 깃헙
우리의 꿈, 우리의 희망