웹의 동작 원리
웹은 서버에게 요청하고, 서버가 전송한 것을 보여준다.
HTML : 뼈대. 문서형태를 기반으로 함
CSS : 꾸밈 (폰트, 이미지, 글자 크기)
Javascript : 움직이는 것
PyCharm : Python 쓰는 툴
HTML 의 구조
Head : 페이지의 속성 정보 (안에 meta, script, link, title 등 들어감)
Body : 내용
자동 정렬 : cmd+alt+L
CSS 기초
<head>~</head> 안에 <style>~</style> 공간 만들기
mytitle 클래스: .mytitle {...}
간격: margin(바깥여백), padding(안쪽여백)
사이즈: width, height
div에 색 넣어서 꼭 비교해보기
폰트, 주석, 파일분리
마음에 드는 폰트의 구글 웹 폰트에서 link->헤드 사이, css-> 스타일 사이 같다 붙일 수 있음
주석: 필요 없는 코드 삭제 안하고 임시 작동 중지 or 코드 설명 붙이고 싶을 때
단축키 = 라인 선택-> cmd+/
css 파일 분리: <style>~</style> 부분 길어지면 분리 할 수도 있다
부트스트랩
예쁜 CSS 모아 둔 것. 미리 완성 된 것 대부분 가져다 씀
How I felt about today?
1-9 부터 1-11 강의를 다시 한 번 복습했다
class를 주고 스타일에서 css를 적용 하는 것이 익숙하지 않음
10분 내에 만들 수 있다고 하지만 나에게는 20분이 걸림
정렬을 그때 그때 해서 이제 구조가 눈에 들어오기 시작
폰트 적용이 안되어서 애먹음 & 타이틀 밑에 링크를 넣지 않았음
매일 안하면 까먹을 것 같아
1주차 숙제를 하면서 어느정도는 틀이 익숙해졌다는 걸 느꼈는데, 반복적으로 복습을 해야 넘어 갈 수 있을 것 같다.
일단 구글링으로 이미 만들어진 태그들을 써보는 것을 연습 해 보았고 익숙해 지는 중.
'스파르타 코딩클럽 > 웹개발 종합' 카테고리의 다른 글
| TIL) HTML과 mongo DB 연동해서 서버 만들기, Flask, 4주차 숙제! 오류회고! (0) | 2022.07.16 |
|---|---|
| TIL) Python기초문법 (0) | 2022.06.29 |
| TIL) Javascript onClick , 짝/홀 판단 방법, JQuery, Ajax (0) | 2022.06.23 |
