아는 분의 부탁으로 작은 기능을 하는 web page를 디자인하게 되었다.
오랜만에 하는 web이라 기억이 잘 나지는 않지만 열심히 구글링 하며 해보려고 한다.
하지만 다음번에는 구글링이 아닌 내가 작성한 포스트를 보며 따라 하기 위해 글을 끄적여 본다.
ㄲ,,,,ㅡ,,,,,저,,,,,,ㄱ,,,,,,,끄,,,,,,,,,,,,쩍,,,,,,,,
우선 web파일들을 저장할 폴더를 만든 후 폴더 불러오기를 한다.
그 후 html파일을 생성해야 하는데 새 파일을 만들고 파일 이름 뒤에 .html을 붙이면 된다.
나는 간단히 home.html이라고 했다.
이렇게 html 파일이 생성되었다면 제일 먼저 해야 할 일은 형식을 만드는 일이다.
web초보라면 형식을 만드는 것조차 확인하지 않고는 투닥투닥하기 힘들다,,ㅎ
<!DOCTYPE html>
<html>
<head>
<title>Bonnie Project</title>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
</body>
</html>
DOCTYPE은 선언해주지 않는 경우도 있던데 나는 그냥 해준다.
처음 배울 때부터 그냥 했다.ㅋㅋ
사용하는 이유는 웹브라우저가 내용을 바로 표시할 수 있도록 해주는 것이라고 한다.
다른 버전들의 html들도 있지만 html 5를 사용할 경우 위와 같이 선언해주면 된다.
<head> 태그 안에 title, meta, style, script 태그들이 들어가는데
자바 스크립트는 아직 건드리지 않을 것이기 때문에 <script> 제외하고
간단히 css까지 건드릴수 있는 형식을 만들어 주었다
title은 문서의 제목을 넣는 태그이다.
(나는 임시로 아는 분의 이름을 따서 지어봤다.ㅎ)
title을 지정하게 되면 이런 식으로 페이지가 나타나게 된다.
meta는 정보를 알려주는 태그로 charset은 문서 부호 처리 방식을 표시한다.
utf-8이 가장 일반적이므로 그냥 따라 치면 된다.
이렇게 치고 나면 c언어에서
#include <stdio.h>
int main(){ return 0; }
한 것과 같은 과정을 끝냈다고 생각하면 된다.
다음 시간에는 더 본격적인 코딩을 시작해보도록 하자!
'프로그래밍 > Web' 카테고리의 다른 글
| REST API란 무엇인가 (0) | 2022.09.15 |
|---|---|
| --watch (자동 restart 명령어) (0) | 2021.10.21 |
| multer사용하기 (0) | 2021.07.19 |
| 텍스트 에디터 서머노트 사용법 (0) | 2021.07.15 |
| web page 영역나누기 (div, float 태그) (0) | 2020.05.10 |
