웹개발 기초
웹개발 종합반 0
열심히 해
2024. 8. 26. 21:03
- 인터넷 : 전세계 컴퓨터를 하나의 통신망으로 연결한 것 또는 연결하는 그 통신망.
- 웹 : WWW(World Wide Web)을 줄여 말한 것으로, www는 인터넷 사용자들이 서로의 정보를 공유할 수 있는 공간을 뜻한다.
웹은 인터넷에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공한다.
-> 하이퍼텍스트(hypertext) : 문서에 또 다른 문서를 연결하여 웹 상에 존재하는 여러 문서가 상호작용하는 기술 - 브라우저 : 일종의 소프트웨어로 웹 페이지를 보여주는 그림판이다. 브라우저는 서버에 요청을 보내고, 서버에서 보내준 정보(html파일)를 사용자에게 보여준다. + html파일(html, css, js)을 보내주는 것이지, html만 보내고 css, js을 안 보내는 게 아님. 처음에 오해함.
- html파일(html, css, js) : 웹페이지의 정보가 들어있다. "누가 누구 안에 있느냐"가 중요하다.
-> mybtn에 css를 주면 버튼1, 2 모두 영향을 받는다.<div class="mybtn">나는 구역을 나누죠<div class="btn1">버튼 1</div><div class="btn2">버튼 2</div></div> - HTML : 웹페이지를 만들 때 뼈대 역할.
- CSS : 웹페이지 꾸미기, 가리켜야 꾸밀 수 있음, 즉 지칭 대상이 있어야함. class로 이름 붙여 사용.
*bootstrap(부트스트랩) :남이 만들어놓은 css꾸러미, 라이브러리. class로 이름 붙여 사용. - Frontend: 눈에 보이는 부분. HTML, CSS, JAVASCRIPT를 백엔드에 요청함.
- Backend : 눈에 보이지 않는 부분. SERVER, DB, API. 프론트엔드(의 요청)에 응답함.
- <head> :헤드 태그(<>). 페이지의 속성 정보를 담고 있다. css, js를 입력하는(가 들어가는) 곳.
- <body> : 바디 태그. 페이지의 내용을 담고 있다. html이 들어가는 곳.