본문 바로가기
스파르타/Web

[Web] 주석과 파일분리 - ( week 1)

by bakcoding_sparta 2023. 4. 7.

주석

주석은 개발자 즉, 사람에게는 보이지만 실행 시 컴퓨터는 읽을 수 없는 코드를 말한다.

필요 없어진 코드를 삭제하는 대신 임시로 작동을 못하게 하고 싶을 때나 간단한 설명을 붙여두기 위해서 사용한다.

 

html의 경우 <!-- -->로 주석처리하고자 하는 텍스트를 감싸서 처리하며 css는 /* */ 를 사용한다.

<!-- google web font -->
    <style>
        * {
            font-family: 'VT323', monospace;
        }
        .mytitle{
            /* title */
            background-color: green;
        }
    </style>

사용중인 프로그래밍 언어마다 주석을 사용하는 방식이 다른데 주석 처리를 간단히 할 수 있는 방법은 단축키를 활용하는 것으로 ctrl + /를 입력해서 지정한 코드를 주석처리할 수 있다.

 

파일분리

css를 사용하기 위해서 <style> 태그를 사용해서 css를 사용하면 내용이 점점 길어지게 되고 보기가 어려워진다. 따라서 별도의 파일로 구분하고 CSS를 파일에서 불러오는 방식을 사용할 수 있다.

css만 작성하기 위해서 style.css 이름으로 새로운 파일을 생성한다.

그리고 이 파일을 html에서 로드하도록 한다. 위치는 head 태그 내부에서 <link> 태그로 가져올 수 있다.

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

 

'스파르타 > Web' 카테고리의 다른 글

[Web] Spartapedia - ( week 1 )  (0) 2023.04.07
[Web] Bootstrap - ( week 1 )  (0) 2023.04.07
[Web] 구글 웹 폰트 - ( week 1)  (0) 2023.04.07
[Web] CSS 기초 2 - ( week 1)  (0) 2023.04.06
[Web] CSS 기초 1 - ( week 1)  (0) 2023.04.06