WEB_1주차

웹의 동작 개념

 

브라우저의 역할은

요청을 보내고

받은 HTML 파일을 그려주는 것

 

즉, 코드들을 브라우저가 그려주는 것!

 

요청을 보내는 방법??

주소 창에 주소를 입력하고 엔터를 입력하는 것

예) https://naver.com/

• “naver.com”이라는 이름의 서버에 있는 “/”라는 주소 창구에 요청을 보낸 것
• 네이버에서 그 대답으로 네이버 홈에 해당하는 HTML 파일을 줌

 

브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 맞는 HTML파일 돌려주고 브라우저는 받은 것을 화면에 그려준다.

✔️Html은 뼈대 css 그림 JavaScript 움직임

 

head 안에 들어가는 대표적인 요소들: meta, script, style, link, title 등

body 안에 들어가는 대표적인 요소들: span, img, input, textarea 등

---

☑️1주 차 수업 결과물

백그라운드 컬러로 구역 확인하면서 작업하기

background-color: green;

 

구역 정렬하기

Shift + Alt + F

 

자주 쓰이는 CSS 연습하기

h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding

✔️ margin은 바깥 여백, padding은 내 안쪽 여백

        .mypostingbox {

            width: 500px;

            margin: 30px auto 0px auto;

            padding: 20px;

            box-shadow:  0px 0px 3px 0px blue;

            border-radius: 5px;

        }

        .mybtn {

            display: flex;

            flex-direction: row;

            align-items: center;

            justify-content: center;

        }

 

☑️부트스트랩과 구글폰트 잘 사용하기!

 

---

IT는 얕지만 다양한 부분에 지식을 가지고 있어야 한다는 말에 시작한 수업인데 생각보다 너무 재밌었다. 아직 어렵지 않아서 그런건가...? ㅎㅎ