1-1. 1주차 오늘 배울 것
1) 서버/클라이언트/웹의 동작 개념
1. 네이버 웹페이지를 해킹해보자!
크롬에서 네이버 홈페이지에 들어간다 ->
웹페이지에서 수정하고 싶은 부분에 마우스 오른쪽을 클릭 한 후 검사를 누른다 ->
개발자도구 창이 뜨면 음영처리 된 부분에서 수정 후 엔터.
but 내가 보는 웹페이지만 바꿀 수 있고, 새로고침하면 원상복귀 됨.
2. 웹의 동작 개념 (HTML을 받는 경우)
내가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 받아서 그려주는 것.
즉 브라우저 역할: 1)서버에 요청(서버가 만들어 놓은 API에 요청)
2)요청한 결과물(HTML, CSS, JS)을 받아서 그려준다.
HTML: 뼈대를 잡아주는 역할
CSS: 꾸며주는 역할
JS: 움직이는 것(클릭하면 이동 등)
3. 웹의 동작 개념 (데이터만 받는 경우)
예를 들어 공연 티켓을 예매하는 경우 데이터만 받아서 받아 끼움 -> JSON 형식
4. 1~5주차에 배울 순서!
1주차: HTML, CSS, Javascript
2주차: jQuery, Ajax, API
3주차: Python, 크롤링, mongoDB
4주차: 미니프로젝트1, 미니프로젝트2
5주차: 미니프로젝트3, AWS
2) 1~5주차가 끝나면 만들게 되는 것들 : 나홀로메모장, 모두의책리뷰, 페이보릿무비스타
1-2. 파이참 라이센스 등록
PyCharm Professional 4개월 무료 라이센스 받기.
1-3. HTML, CSS 기본 내용
HTML은 뼈대, CSS는 꾸미기.
pycharm : 코딩을 할 때 메모장에 해도 되지만,
프로그래밍 언어와 용도 마다 툴이 존재하는데 파이참은 파이썬을 쓰기에 가장 편한 툴.
HTML은 문서형식. 꺽쇠<>들을 태그라고 부름.
HTML은 크게 head와 body로 구성되며,
head안에는 페이지의 속성 정보를, body안에는 페이지의 내용.
<head> 안에 들어가는 대표적인 요소들:
meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부름.
즉, 눈에 안 보이는 필요한 것들을 담는 것.
<body>: 내눈에 보이는 부분. div, p, h1, span, a, img, input, button, textarea, hr 등.
모든 태그를 다 외울필요는없음. 가져다 쓰면 됨.
<h1>은 제목태그로 페이지마다 하나씩 있는게 구글 검색에 좋음.
Pycharm에서 자동정렬 기능 : ctrl+alt+L (맥은 cmd+alt+L)
'개발일지' 카테고리의 다른 글
| [스파르타코딩클럽/웹개발 종합반] 6일차. 3-6 ~ 3-13 강의 (Python, 크롤링, mongoDB) (0) | 2022.02.13 |
|---|---|
| [스파르타코딩클럽/웹개발 종합반] 5일차. 2-11 ~ 3-5 강의 (Python) (0) | 2022.02.11 |
| [스파르타코딩클럽/웹개발 종합반] 4일차. 2-3 ~ 2-10 강의 (jQuery, Ajax, API) (0) | 2022.02.10 |
| [스파르타코딩클럽/웹개발 종합반] 3일차. 1-12 ~ 2-2 강의 (Javascript) (0) | 2022.02.09 |
| [스파르타코딩클럽/웹개발 종합반] 2일차. 1-4 ~ 1-11 강의 (HTML, CSS, Javascript) (0) | 2022.02.08 |
