• 웹 문서 구조에서 특정 위치에 있는 요소를 선택하는 가상 클래스
• 웹 문서 구조에서 가장 상위 요소를 선택할 때 사용
• 최상위 요소에 변수를 선언하면 모든 요소에서 이 변수를 사용할 수 있다.

Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정한다. HTML이 웹 페이지의 구졸르 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당한다.

BEM(Block Element Modifier)

웹페이지가 소셜 미디어(페이스북, 트위터 등)로 공유될 때 우선적으로 활용되는 정보를 지정

1. <meta charset=”UTF-8”>
   1. 문자 인코딩 방식을 의미
2. <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
   1. 인터넷 익스플로러에 보여지도록 하는 코드
   2. 익스플로러가 종료됨에 따라 없어도 무방함.
3. <meta name=”viewport” content=”widht=device-width, initial-scale=1.0”>
   1. 화면에 html코드가 어떻게 출력될 지 지정하는 코드
   2. viewport는 화면을 의미하는데 pc는 의미가 없고, 모바일에서 동작하는 정보를 지정하는 옵션
   3. content 의미
      1. width=device-width 는 모바일의 width값과 동일하게 출력
      2. initial-scale=1.0 기본적인 확대 축소의 비율을 설정, 1비율은 확대 축소를 하지 않겠다는 의미(기본값)
   4. 모바일에서 보여지는 화면이라면 필수로 작성되어있어야 함

• <script> 태그의 defer 속성은 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행됨을 명시합니다.
• type=”module” 이라는 속성을 추가하면 해당 js 파일에 다른 js파일을 갖고와서 쓸 수 있다는 것을 의미
  • 해당 js 파일은 다른 js 파일을 갖고와서 쓰는 js 파일

HyperText Markup Language
페이지의 제목, 문단, 표, 이미지, 동영상 등의 웹의 구조를 담당

Skill : Solidity, React.js, TypeScript, Web3.js, ChakraUI, BootStrap
Date : 2022년 12월
Github : GitHub

Skill : React.js, Firebase, GitHubPage, Github
Date : 2022년 12월
Site : Nwitter
Github : GitHub

Skill : HTML5, CSS3, JavaScript, gsap, ScrollToPlugin, Youtube API, ScrollMagic
Date : 2022년 12월 ~ 2022년 12월
Site : STARBUCKS
Github : GitHub