웹개발 종합반 1주차

박성우·2023년 3월 20일
0

웹개발 종합반 강의의 1주차 내용에서는 웹의 동작 개념, HTML과 CSS를 이용하여 간단한 웹페이지 제작이 있었다.

HTML의 핵심 - 태그

웹의 뼈대를 잡아주는 HTML은 태그를 활용하여 구역을 구분할 수 있어야한다.
ex) head, body, div, h1, p...

다만, 강의에 의하면 태그를 전부 외울 필요는 없고 잘 가져다 쓰는 것이 중요!

CSS의 핵심 - class

HTML 태그에 class 속성을 부여하고 클래스를 지정하여 해당 내용물의 배경, 사이즈, 폰트, 간격 등등의 성질을 변경한다.

CSS를 작성할 때, 주로 여러 개가 묶여서 사용되는 경우가 종종 있는데,

이미지를 링크를 통해 가져와서 조작하는 경우

        background-image: 
        background-position: 
        background-size: 

내용물의 전반적인 위치를 조작하는 경우

        display: 
        flex-direction: 
        align-items: 
        justify-content: 

이 또한 잘 가져다 쓰면 된다..!

구글 폰트

https://fonts.google.com/?subset=korean'

부트스트랩

일종의 API처럼 미리 만들어진 CSS 파일을 불러와서 사용이 가능하다.
부트스트랩을 사용할 경우 항상 head에 제대로 import 되어 있는지 확인 필수!
https://getbootstrap.com/docs/5.0/components/buttons/

Github

누구나 코드를 업로드하고 웹페이지를 배포할 수 있다.
하지만, 일종의 규약으로서 index.html을 업로드해야 배포가 가능한 점!

profile
Backend Developer

0개의 댓글