Inflearn-the basic course for React (1)

Jay Ryu·2022년 11월 25일
0

reactBasic2022Nov

목록 보기
1/1

I started taking an online class on Inflearn homepage to learn how to handle ReactJS.
Here is the address of the online lecture.
https://inf.run/LH2V

Section 0. Ready for the start - html and css

HTML is a 'hyper text markup language' acronym

Markup: 문서/데이터 처리를 위해 추가되는 정보
-> 이를 표현하기 위해 사용되는 언어: 마크업 언어
html도 마크업 언어 중 하나로, 웹사이트의 뼈대를 구형하기 위해 사용되는 마크업 언어이다.
Tag를 사용하여 구조를 생성하는 방식으로 사용된다.

다음과 같이, 태그를 열어주었으면 닫아주어야 한다.

<html>
</html>

열고 닫는 것을 한번에 하는 태그도 존재한다.

<br /> 

웹사이트의 뼈대를 구성하는 기본 태그들

<html>
	<head>
	</head>
	<body>
	</body>
</html>

the head tag:
어떤 웹사이트인지를 나타내는 제목/설명 등의 여러 속성을 담는다.
We call it metadata.

head태그 안에 쓰이는 태그 중 하나인 title 태그
<title>소플의 블로그</title>

the body tag:
실제로 보이는 컨텐츠를 담는다.

수많은 페이지가 존재하는 웹사이트의 경우 여러 페이지 어떻게 관리하는가?
SPA(single page application)
하나의 페이지만 존재하는 웹 사이트(혹은 어플리케이션)
-> 리액트와 관련있다.

단 하나의 페이지만 존재
html파일이 하나이고, body태그 안에 콘텐츠를 동적으로 가져온다

SPA와 반대되는 개념은 multi page application
새로운 페이지가 로딩된다

CSS(cascading style sheets)
웹사이트의 구조가 html라면, 그 위의 디자인이 css

profile
백엔드의 세계

0개의 댓글