🙌🏻 기본 개념 정리하기 (1)

🖤 HTML / CSS

 👉🏻  HTML (Hyper Text Markup Language)

 - 태그들의 집합인 HTML은 웹 페이지 구조를 만드는 일에 사용되는 마크업 언어

 * 태그 ?

  - <> 와 </> 사이에 텍스트 및 다른 태그를 입력할 수 있음

  - <div> <span>, <section>, <h1>, <h2> 등 다양한 태그네임이 있음

---

👉🏻 CSS (Cascading Style Sheets)

 - 웹 개발에서 태그들을 꾸미는 등 스타일을 부여하기 위한 언어

 - 크기, 배경색, 테두리 스타일, 텍스트 스타일, 애니메이션 효과 등의 스타일 부여

 - HTML태그와 CSS는 선택자를 통해 연결됨

---

📍 선택자

  - 특정 요소들을 선택하여 스타일을 적용할 수 있도록 하는 CSS의 문법

  - 태그마다 선택자를 부여한 후 CSS에서 해당 선택자를 불러 스타일을 적용함

  - <div class="hello">의 의미는 div태그에 hello이라는 class 선택자 부여한 것

  - CSS는 이 class를 이용해서 태그에 스타일 적용

     .class { 속성 : 속성값 }                     .hello { color : red; }

---

🖤 변수와 타입

👉🏻 자바스크립트 JavaScript

  :  웹 페이지를 동적으로 제어하기 위해 고안된 프로그래밍 언어

---

👉🏻 변수

: 데이터를 담는 바구니라고 표현 가능

- 변수의 선언 : 바구니에 이름표를 달아주는 것

- 할당 : 바구니에 물건을 담는 것

let 변수이름 = 할당한 값 ;

- let : 변수를 선언할 때 사용하는 키워드

- let 보물창고 = 빵 ; 의 의미는 바구니에 보물창고라는 이름을 달고 빵을 담는 것과 같음 

---

📍 변수 작성법

  1️⃣ 스네이크 케이스 (snake_case)

   : 언더스코어(_)를 넣어 구분함

     ex. hong_blog

 

  2️⃣ 파스칼 케이스 (PascalCase)

   : 모든 단어를 대문자로 시작하여 구분

     ex. HongBlog

 

  3️⃣ 카멜 케이스 (camelCase)

   : 두 번째 단어부터 대문자로 시작해 구분

    - 자바스크립트에서 영어로 변수명, 함수명 작성할 때 카멜 케이스 대부분 사용

     ex. hongBlog

---

👉🏻 할당연산자 =

   : 변수에 값을 할당할 때 쓰는 연산자

    -  같다는 의미의 표현은 ' == '

👉🏻 비교연산자

  : 값의 비교를 위해 쓰이는 연산자

    - 같다(===), 다르다(!==) 등

👉🏻 타입 Type

   : 변수에 넣을 수 있는 데이터들은 데이터 타입을 가짐

   1️⃣ 숫자 Number

     - 모든 수는 숫자 타입

   2️⃣ 문자열 String

     - 문자의 집합으로 따옴표(" ")로 둘러싸임

   3️⃣ 불리언 Boolean

     - 참과 거짓을 나타내는 타입 true/false