여덟시 반 기상!
시프티 출근 찍는걸 까먹지 말자! 시프티 찍어야 한다는 강박증(?) 때문에 자주 깬다. 늦잠을 자서 늦게 찍으면 어떡하지 라는 생각에 불안한가보다. 피곤함을 이겨내고 어제 저녁으로 시킨 맥도날드 에그불고기세트에 옵션으로 선택한 커피를 마셨다. 카페인 찌질이라 반은 여자친구 주고 반만 먹었다.
오늘은 HTML과 CSS를 배우는 날이다. 개념을 정리 하자면, HTML은 스캐치를 하는 것과 같고 CSS는 채색을 하는 것이라고 생각하면 된다. (사실 자세히 들어가면 저 설명이 맞는 건 아니지만 나는 개념 설명을 듣고 저렇게 이해를 하였다.)
HTML 우리가 보는 지금 이 웹사이트도 HTML로 이루어져 있고 CSS로 꾸며져 있다. 사실상 HTML 하나만으로도 꾸미기 까지 가능하지만 그러면 너무 복잡해지므로 CSS로 역할을 분담한 것이라고 보면된다.
거기다가 자바스크립트로 상호작용이 가능하게 만들면 완벽해지는 것! 너무너무 신기하고 아직 그 원리가 다 이해되지는 않지만 앞으로 내가 이것을 구축할 수 있다는 생각에 설레었다. 시간만 조금 많았다면 날 잡아서 혼자 이것 저것 찾고 만들어보고싶다.
5시 오피스아워가 시작되었는데 또 많은 정보와 꿀팁들을 주셨다. 이런 것들이 코드스테이츠의 넘나 큰 장점이다. 사실 코드스테이츠를 시작하기 전에 독학을 할려했는데 지금 생각해보니 내가 혼자서 이걸 하고있었다면 엄청 외롭고 힘들었을것 같다는 생각이 들었다.
포기하지않고 열심히 달려서 꼭 성공을 쟁취하자!
오늘 배운것 써먹기
<!DOCTYPE html>
<html>
<head>
<title> 반복문 설명 </title>
</head>
<body>
<h1 id="another"> while문 </h1>
<div id="another2"> 초기화<br>
while(조건식){<br>
증감문<br>
}
</div>
<script src = './scripts.js'></script>
</body>
</html>대충 만든 다음
document.querySelector('#another').textContent='for 문';
document.querySelector('#another2').textContent='for(초기화; 조건식; 증감문){}'이런식으로 하면 굳지 html을 건드리지 않고 변환할 수 있다는 것!
아직은 간단하게 밖에 구현을 못하지만 나중엔 버튼을 구현하고 버튼을 누르면 실시간으로 스위칭이 되게
만들 수 있지 않을까 생각한다.
