<html은 뼈대, CSS는 꾸미기, Java Script는 움직이는 것>
=>그래서 이번에는 프론트엔드만 만드는 것!(이번기회를 통해 장고로도 독같이 만들어보쟛..!!)
이번엔 파이참말고 vscode로 한다... 뭐가 다른가..?..
1. html
2. css
꾸미는 것은 <head> ~ </head> 안에 <style> ~ </style> 로 공간을 만들어 작성
태그를 바로 가리켜서 꾸며줘도 되고, (h1같이 요소가 많으면) class="이름"을 붙여주고 가리키면 된다
(이때 이름표 붙인 거 부를 때 앞에 "."점 찍어야 한다!!)
<정리>
1.구조 만들어주고
2. 사이즈 넣고 색칠해주고
3. 추가로 배치도 살짝 바꿔보고, (display: flex)// margin으로 둘 사이의 간격을 살짝 띄어주기
<수업마무리>
저번에도 프론트엔드는 이게 끝이었나..싶을 정도로 짧았다...
하긴 그때는 css도 부트스트랩으로 디자인 하나하나 다 따져가면서 배웠었으니.. 거기서 시간이 오래걸렸었다... 깔짝은 쉽고 빠르다.. 앞으로 웹개발에서의 깔짝은 이거로 끝내자..하ㅏㅎ. 설연휴..가만히 있는거 삻어하는 나에게 주는 놀리..정도로...
(설연휴 감기몸살로 고생하다가 이러다가 진짜 아무것오 안하ㅔㅆ네 싶어서 뭐라고 해보자 한 거 치고는 뭐....나름 생산적..이었다....하하..)
근데 자바스크립트는 안배우나....?...(만들면서 배우려나..)
.
<참고-스파르타 수업교재노션>
https://teamsparta.notion.site/1-990470e426d748648bd302f73480a771
<참고-부트스크랩 링크>
'2022년_동국대학교 > 2022_인공지능' 카테고리의 다른 글
| 설특집_덕담공유패키지(개발일지_실습) (0) | 2022.02.03 |
|---|---|
| 설특집_덕담공유패키지시작(스파르타) (0) | 2022.02.03 |
| <테슬라 쇼크>_1. 테슬라의 경쟁력 (1) | 2022.01.05 |
| Don’t learn machine learning(Learn how to build software with ML models) (0) | 2022.01.04 |
| [LINC+] 2021년 겨울학기 동국대-SKT AI 커리큘럼 (0) | 2021.12.24 |
