class

코딩 개발

CSS 기본 문법

2023.05.15

CSS를 배우기 전 HTML 기본을 보고 오시면 더 좋다고 생각합니다. https://pabeba.tistory.com/147 HTML 기본 문법 HTML 이란? HyperText Markup Language 로 웹을 이루는 가장 기초적인 구성요소입니다. 웹사이트를 인간으로 치면 뼈대라고 할까요? CSS는 살과 옷 이라고 하면 JavaScript는 행동이라고 하면 좋겠습니다. 그 pabeba.tistory.com CSS 사용이유 HTML에서 태그를 사용할 때 각 태그에 있는 속성 값을 넣어서 결과를 변경하기도 하였는데, 그 속성값을 HTML 태그에서 하나하나 관리하기 힘들고 어렵기 때문에 하나로 묶기 위해서 CSS를 사용합니다. 예시를 보여드릴게요. 예시 css 선택자 연습 html: web docume..

코딩 개발/Javascript

JavaScript - Class

2022.10.20

Class 객체지향 프로그래밍의 핵심입니다. 이 클라스라는 것이 왜 필요하는지 생각을 해보면 백만개의 오브젝트를 만들면 자바스크립트 파일에 너무나도 많은 양의 데이터를 삽입해야합니다. 그래서 큰 틀을 만들고 큰틀에 재료만 바꿔서 데이터를 찍어내는 느낌으로 진행을 하면 작성해야하는 양이 확연히 줄게 되겠죠? 뭐... 롤 케릭터나 자동차의 정보 등 너무 많은 케릭터나 차가 있다면? 이 클라스를 사용하여 정보를 만드는 것이 편하다고 생각합니다. 롤을 좋아하기 때문에 롤 케릭터로 예를 만들어 보겠습니다. (하기에 작성한 유투버의 class 설명은 100번 봐도 유의미합니다. 아주 좋습니다.) const 가렌 = { Q : '침묵', W : '방어' } const 누누 = { Q : '강타', W : '눈덩이 굴..

CSS 기본 문법

JavaScript - Class

티스토리툴바