반응형
Fullstack 개발자
FE (HTML5, CSS3, JS)
Vue3, React
BE
HTTP 통신
Hypertext Transfer Protocol
요청(request)-응답(response) | 연결해제
FTP
SMTP
p.39
에디터 > VSC
D드라이브에 본인 영어 이름의 폴더를 만들고, 그 아래에 fe 폴더, 그 아래에 html 폴더를 만든다.
폴더 구조
honggildong
└ fe
└ html
VSC에서 fe폴더를 "폴더열기"로 오픈한다.
fe/html/index.html
<!--
주석(Comment): 해석되지 않는 영역. 내가 스티커처럼 남기고 싶은 내용
-->
<!DOCTYPE html> <!-- 이 문서가 HTML5 버전으로 작성되었다. -->
<html lang="ko"> <!-- p.61 -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index.html</title>
</head>
<body>
자, 이제 body 사이에
이것을 복사해서 붙여 넣고 브라우저에서 확인해 보세요.
여기에서는 줄바꿈도 되어 있고
탭 도 들어가 있고
이 렇 게 길게 띄어 쓴 부분도 있지만
브라우저는 So Cool~하게 상관하지 않습니다.
</body>
</html>
브라우저는 탭, 스페이스, 엔터는 갯수와 모두 상관없이 모두 빈칸 하나로 취급한다.
fe/html/ch2/tagis.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>p.67</title>
</head>
<body>
그러면 이렇게 줄바꿈도 되고<br>
여럿 띄어쓰기도 이 렇 게 하려면<br><br>
어떻게 하면 될까요?
<p>
이 페이지를 우클릭한 다음 페이지 소스 보기로 살펴보세요!
</p>
ㅋㅋㅋㅋ
</body>
</html>
<br>은 개행 태그, 빈칸 채우기, <p>태그 문단(paragraph) 태그이며 위, 아래 margin 16px이 들어가 있다.
<br>, 는 실무에서 많이 사용하는 편은 아님. (간단하게 처리할 때 사용)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>h1 제목</h1>
<h2>h2 제목</h2>
<h3>h3 제목</h3>
<h4>h4 제목</h4>
<h5>h5 제목</h5>
<h6>h6 제목</h6>
</body>
</html>
h태그는 폰트 크기를 변경하기 위해 사용하는 것은 아님
시맨틱 태그(의미가 있는 태그)를 사용하기 위해 사용
의미는 검색엔진이 사용
문서의 h1제목, h2부제목, h3부부제목
모바일 앱 개발 방법
1. 네이티브 앱,
2. 하이브리드 앱,(html, css, js)
3. 웹 앱(Progressive Web App)
반응형 웹 + 설치,
4. Flutter, React Native
반응형