항해99 사전 강의 1주차

사전 강의 1주차 에서는 웹의 동작 개념에 대해서 알 수 있었다.

 

브라우저가 하는일은 무엇일까?

1) 요청하는거

2) 가져와서 보여주는 거

 

 서버라는 곳에서  미리 준비해두었던 것을 브라우저(웹 페이지)가 받아서 그려주는 것이다.

웹 페이지는 요청을 보내고 받은 데이터나 HTML 파일을 그려주는 일을 한다!

 

그 요청을 보내는 곳은 서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보내는 것이다!

예) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것!

이다음으로 HTML과 CSS를 배웠다.

몇몇 태그들과 상속 관계에 대해서 알 수 있었다.

html 태그는,  태그가 어떤 태그에 속해 있는지를 아는 게 가장 중요하다.

나를 감싸고 있는 태그가 바뀌면 그 안에 있는 태그 또한 영향을 받기 때문이다

위 와 같은 상황에서 모든 태그를 감싸고 있는 빨간색 div태그를  가운데로 옮기면, 그 안에 있는  초록/파란 div도 모두 함께 이동하게 된다.

 

색깔 또한 초록 div의 글씨 색을 바꾸면, 나는 버튼 1의 글씨 색도 바뀌게 된다.

 

css 속성 중 margin, padding라는 것을 배웠다.

margin은 바깥 여백, padding은 안쪽 여백의 값을 준다.

예시) div { padding : 20px 20px 20px 20px;}  / div태그에  상, 하, 좌, 우 20px만큼의 바깥 여백을 줌

margin, padding을 통해서 태그들의 위치들을 조정하는데 쓰일 수 있다.

 

margin:auto라는 것을 통해 해당 태그의 상, 화, 좌, 우 최대한의 바깥 여백을 주면서 웹 페이지에서 가운데로 위치하게 할 수 있었다.

이 이후에 부트스트랩이라는 예쁘게 만들어진  태그를 가져다 쓸 수 있는 라이브러리를 이용하여 여러 가지 예제를 만들어 보았고

Javascript를 맛보기를 통해  변수, 자료형, 함수, 조건문, 반복문에 대해서도 짧게 배워 보았다.

 

<숙제>

이번 주차에서 배웠던 것으로 만들어 본 페이지