1️⃣ HTML 살펴보기
💚 HTML이란 무엇인가?
- Hyper Text Markup Language
- 마크업 언어의 한 종류
- 마크업: 문서나 데이터를 처리하기 위해 문서에 추가되는 정보를 의미
- 태그(<>)라고 부르는것을 사용하여 웹사이트 구조 만듦
💚 웹사이트의 뼈대를 구성하는 태그들
- <html> : 뼈대
- <head> : 웹사이트의 여러 속성 (제목, 설명) 등 메타 데이터를 담음.
- <body> : 실제 웹사이트에서 보여지는 콘텐츠들
💚 SPA
- 여러가지 버튼이나 탭을 누르며 페이지를 이동할 때, 브라우저에서 나오는 내용이 바뀜
→ 각 페이지별로 HTML 파일이 따로 존재하며, 페이지를 이동하게 될 경우 브라우저에서는 해당 페이지의 HTML 파일을 받아와서 화면에 표시함
→ 페이지 수가 너무 많아지는 문제 - 이를 해결하기 위해 SPA등장 (Single Page Application)
- 하나의 페이지만 존재하는 웹사이트 (HTML 파일이 하나임)
- <body> 태그 내부가 비어있다가, 그 페이지에 해당하는 콘텐츠를 가져와서 채워넣음
→ 리액트의 역할
- MPA: Multiple Page Application
- 전통적인 방식
- 여러개의 페이지가 존재하는 형태
- 사용자가 페이지를 요청할때마다 새로운 페이지를 로딩함
2️⃣ CSS란 무엇인가?
- Cascading Style Sheets
- 웹사이트의 레이아웃, 글꼴 색상 등 디자인에 사용
3️⃣ 자바스크립트
💚 자바스크립트란 무엇인가?
- 스크립트 언어의 한 종류
- 런타임에 코드가 해석됨
💚 ES6
- 표준버전
💚 자바스크립트의 자료형
- 데이터를 다루기 위해 미리 정해놓은 데이터의 유형
- Number type
- String type
- Boolean type
- Null type
- Undefined type
- Array type
- Object type
- 자바스크립트는 변수에 데이터가 대입되는 시점에서 해당 변수의 자료형이 결정됨
→ 동적 타이핑
💚 자바스크립트의 연산자
- 선언된 변수를 이용해 다양한 연산 가능
- 대입 연산자 (=)
- 산술 연산자 (+, -, *, /)
- 관계 연산자 (비교연산자) (<, >, ≤, ≥)
- 동등 연산자 (==, ≠), 일치 연산자(===)
- 이진 논리 연산자 (boolean)
- 조건부 연산자 (삼항 연산자) (조건식 ? true일 경우 : false일 경우)
💚 자바스크립트의 함수
- 입력을 받아서 정해진 출력을 하는 것
- 함수의 입력: 파라미터, 인자라고 칭함
- function statement
- arrow function expression
노션에서 티스토리 이사중! 🐻
💻 Reference
소플의 처음 만난 리액트 - 예스24
리액트 기초 개념을 배우고 간단한 실습을 따라 하며 사용법을 익히는 가장 쉬운 입문서이 책은 오픈소스 자바스크립트 라이브러리인 리액트를 처음 배우는 개발자를 위한 책이다. 먼저 웹 서
www.yes24.com
'Web > React' 카테고리의 다른 글
| [Chapter 03] JSX 소개 (1) | 2023.12.18 |
|---|---|
| [Chapter 02] 리액트 시작하기 (0) | 2023.09.25 |
| [Chapter 01] 리액트 소개 (0) | 2023.09.25 |
