[TIL]HTML/CSS
프로젝트 라이언에서 들었던 수업이라 다시 들으면 금방 하겠지 했는데 뭐지.. 새롭다..ㅋㅋ
일단 그래도 2번 복습한 것 같은 생각이 들어 이해는 빨리 되었던 것 같다. 컨닝 최대한 안하고 나혼자 프로그래밍 해봤는데 모르는 것은 역추적하면서 해보니 그래도 상기되는 느낌이 있다. 이렇게 한 20번 하면 마스터 할 수 있을 것 같은데 그러기엔 시간이 모자라다는 것이 함정...
일단 독학 했을 때, 이것저것 깔아 놨던게 있어서 자동완성이 되다보니 속도는 빨라 좋은데 마지막 과제 했을 때, 마지막에 ;안찍어서 계속 틀리다고 하는 바람에 좀 애를 먹었다.
<!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">
<link rel="stylesheet" href="codlion.css">
<title>이성언의 이력서</title>
</head>
<body>
<div class="mainbox">
<div class="maintext">
<h1>이성언</h1>
<p class="subtext">HTML/CSS 개발자</p>
</div>
<section>
<h2>ABOUT ME</h2>
<p class="subtext2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ea nostrum, delectus voluptate quasi perspiciatis quibusdam tempora est mollitia neque dolore unde numquam eaque voluptates quaerat, sequi dolor. Dolorem, ducimus dolorum?</p>
</section>
<section>
<h2>EXPERIENCE</h2>
<div class= "float-wrap">
<p class="subtext3">Awesome Programming Company</p>
<p class="subtext4">2020-Now</p>
</div>
<p class= "subtext5">Front-End Web Developer</p>
<p class= "subtext6">HTML/CSS,JS,React,...</p>
<div class= "float-wrap">
<p class="subtext3">Ministry of Health</p>
<p class="subtext4">2015 - 2018</p>
</div>
<p class= "subtext5">UI/UX Designer</p>
<p class= "subtext6">Web design</p>
<div class= "float-wrap">
<p class="subtext3">Freelance Work </p>
<p class="subtext4">2011 - 2015</p>
</div>
<p class= "subtext5">Graphic Designer</p>
<p class= "subtext6">Graphic Designer, Editorial Design</p>
</section>
<section>
<h2>EXPERIENCE</h2>
<div class= "float-wrap">
<p class="subtext3">Awesome Programming Company</p>
<p class="subtext4">2020-Now</p>
</div>
<p class= "subtext5">Front-End Web Developer</p>
<p class= "subtext6">HTML/CSS,JS,React,...</p>
<div class= "float-wrap">
<p class="subtext3">Ministry of Health</p>
<p class="subtext4">2015 - 2018</p>
</div>
<p class= "subtext5">UI/UX Designer</p>
<p class= "subtext6">Web design</p>
<div class= "float-wrap">
<p class="subtext3">Freelance Work </p>
<p class="subtext4">2011 - 2015</p>
</div>
<p class= "subtext5">Graphic Designer</p>
<p class= "subtext6">Graphic Designer, Editorial Design</p>
</section>
<section>
<h2>ACTIVITIES</h2>
<div class= "float-wrap">
<p class="subtext3">Front-End Web Developer Forum Volunteer </p>
<p class="subtext4">2019 - 2020</p>
</div>
<p class= "subtext5">Application Page Development</p>
<p class= "subtext6">Lorem ipsum dolor sit amet.</p>
<div class= "float-wrap">
<p class="subtext3">LIKELION SEOUL</p>
<p class="subtext4">2017 - 2018</p>
</div>
<p class= "subtext5">Teacher in Mutsa University</p>
<p class= "subtext6">Lorem ipsum dolor sit amet.</p>
<div class= "float-wrap">
<p class="subtext3">Open Source Committer</p>
<p class="subtext4">2011 - 2013</p>
</div>
<p class= "subtext5">Angular JS</p>
<p class= "subtext6">Lorem ipsum dolor sit amet.</p>
</section>
<section>
<h2>EDUCATION</h2>
<div class= "float-wrap">
<p class="subtext3">Mutsa University</p>
<p class="subtext4">2008 - 2012</p>
</div>
<p class= "subtext5">Computer Science and Engineering</p>
<div class= "float-wrap">
<p class="subtext3">Mutsa High school</p>
<p class="subtext4">2006 - 2008</p>
</div>
<p class= "subtext5">Visual Communication Design</p>
<div class= "float-wrap">
<p class="subtext3">Online Programming Academy</p>
<p class="subtext4">2006 - 2007</p>
</div>
<p class= "subtext5">Python Course</p>
</section>
<section>
<h2>AWARDS</h2>
<div class= "float-wrap">
<p class="subtext3">LIKELION SEOUL </p>
<p class="subtext4">2018</p>
</div>
<p class= "subtext5">Best Developer Award</p>
</section>
<div class="img">
<img class="imgdesign" src="C:\Users\Lee Seong Eon\Desktop\CodeLion\html&CSS\img\facebook.png">
<img class="imgdesign" src="C:\Users\Lee Seong Eon\Desktop\CodeLion\html&CSS\img\insta.png">
<img class="imgdesign" src="C:\Users\Lee Seong Eon\Desktop\CodeLion\html&CSS\img\linked-in.png">
<img class="imgdesign" src="C:\Users\Lee Seong Eon\Desktop\CodeLion\html&CSS\img\twitter.png">
</div>
</div>
<footer>Copyright © Lee Seong Eon. All rights reserved.</footer>
</body>
</html>
독학하고 인강하면서 가장 어려웠던 것 중 하나는 강의자가 지정한 class이름의 의미부여가 와닿지 않다보니, 오히려 헷갈린다는 점이었다. 그래서 내가 할때는 그냥 임의로 숫자를 메겨서 CSS로 작업을 했다. 내가 창작을 할 때에는 의미부여를 심도있게 지정하여 할 수 있을거 같은데 카피를 하는 목적에서는 이렇게 하는 편이 더 나은것도 같다.
어찌되었던 뭔가 버벅버벅 이것저것 찾아가면서는 스스로 할 수 있는 수준정도인 것 같은데 내것으로 만들기 위해서는 더 노력해야 할 것 같다는 것은 부인할 수 없는 현실이다. 내일은 파이썬인데..걱정이지만 열심히 해봐야지
multiplayer