사전적 정의로 가면 너무 진부하고 딱딱해서 어려워지므로 풀어서 쓰겟음
간단하게 말하면 HTML은 뼈대, CSS는 껍데기(디자인) 이다.
브라우저는 이것들을 서버에게서 가져와 그려주는 역할임 ㅇㅇ
html은 우선
<html>
<head>
</head>
<body>
</body>
</html>
이런식으로 생겨먹었음 ㅇㅇ
여기서 주의깊게 볼 부분은 <head>와 <body>임
쉽게생각해서 머리통과 몸통인데..
head에는 홈페이지에 중요한 정보들이 들어감
가령, 홈페이지를 구성하는 주요한 기능이나 구성을 동작케하는 라이브러리나
페이지의 제목 ,설명 혹은 썸네일 등등이 여기에 들어감 ㅇㅇ
사람 머리통 생각하면 쉬움 ㅇㅇ
body에는 겉으로 보여지는 글씨나 이미지나 인풋박스, 버튼,하이퍼링크,스타일 등등이 들어감
여기에 스타일은 CSS에 옮겨도 똑같이 나옴
지금 청년의 꿈을 디자인해놓은 이 모든 뻐대가 바디에 구현해놓은 html임
거기에 살을입혀둔 디자인이 CSS
CSS는 ".CSS"로 되어있는 스타일 시트에 구현할수도 있고
속성값에 직접 구현하거나 Class="이름"을 넣어서
헤드와 바디사이에
<style>
</style>
이걸 넣어서
이안에 구현할수도 있음
예를들어
<div class="개똥이">
</div>
이런녀석을 만들었다고 치자
그러면 헤드와 바디 사이에
<style>
.개똥이 {
}
</style>
이런식으로 구현할수있음
그러면 그 안에는 CSS속성을 넣어서 구현하는거임 ㅇㅇ
만약에
<style>
.개똥이 {
height:100px;
width:100px;
}
</style>
이런식으로 100x100사이즈 개똥이 박스를 만들었다 치자, 이걸 스타일 시트에 따로 빼지않고 html에 한번에 구현하고 싶다면
class를 만들지 않고
<div style="height:100px; width:100px;">
</div>
이렇게 구현할수도 있음 ㅇㅇ
참고로 잘 보면 알겟지만 html은
대충
<div>....</div>
이런식으로 생겨먹은 구조인걸 확인할수있는데
그렇다, html은 박스안에 박스를 넣고 그안에 박스를 넣는 형태로 만든다고 보면 됨
예를들어 <div> 이런식으로 박스를 열엇다면 </div>이런식으로 박스를 닫도록 되있음
이 안에 들어가는 텍스트는 이 박스에 들어가는 텍스트가 되는것이고
요런녀석을 안에 넣을때는 들여쓰기로 넣으면 됨
예를들어
<div>
</div>
이걸로 박스를 넣었고 이 안에
이렇게 생긴 제목
을 넣는다고 할때
<div>
<h1>
이렇게 생긴 제목
</h1>
</div>
이렇게 넣으면 된다 ㅇㅇ
만약 이 글자를 굵게 쓰고 싶다.
그러면 B태그를 쓰면 된다
<div>
<h1>
<b>
이렇게 생긴 제목
</b>
</h1>
</div>
이런식으로 말이다 ㅇㅇ
이런식으로 코드를 한줄한줄 써내려가면 되는거임 ㅇㅇ
박스에 박스넣고 박스에 박스넣는식으로 html을 짜고
그것들의 크기나 위치나 색깔이나 그런것들은 CSS로 꾸며주면 되는거임 ㅇㅇ
자, 이제 이걸 본 게이들은 홈페이지 조금은 만들거나 다룰줄 알게된거임 ㅇㅇ
이걸 안다면 나처럼 개발자도구(f12키)켜서 제일 먼저 뉴스 주작을 할수있게됨 ㅇㅇ
물론 청꿈 페이지도 내 브라우저 위에서 요상한거 대입해가면서 놀수있음 ㅇㅇ
[그거 바뀐다고 서버내용바뀌는거 아니니 걱정말고 하셈 ㅇㅇ 새로고침누르면 다시 원래대로 새로 받아오니 걱정 ㄴㄴ)
뭐누
파이썬 ㅇㅇ
로봇 프로그래밍을 시작할 때 엔지니어는 보통 의도한 로봇 거동들로 이루어진 상태 머신 다이어그램을 작성합니다.
더 나아가서 C/C++, Python®, Java®, MATLAB® 등의 프로그래밍 언어로 알고리즘을 개발하고,
ROS(Robot Operating System) 등의 미들웨어를 하드웨어 추상화, 저수준 기기 제어, 프로세스 간 메시지 전달, 하드웨어 배포에 활용합니다.
고맙누
스크랩 하누
뇌섹남이누
청꿈 관리자해도 되겠네