이레

var 변수 이름 = 데이터; 이 데이터에 들어가는 종류가 8개 정도 됩니다. Number Boolean String Function Class Class Instance undefined null ⭐️ Number 일반적인 숫자 정수와 실수형으로 나뉩니다. ⭐️ String 문자열, 일반적인 글자를 말합니다. 문자열을 사용할 경우에는 "" 안에 넣어줍니다. ⭐️ Bloolean 논리형이라고 합니다. 오직 참,거짓 두 가지 값만 존재합니다. 참, 거짓을 저장해야 하는 경우 사용한다. ⭐️ undefined 변수 선언은 됐지만, 값을 알 수 없는 경우 나옵니다. ⭐️ null 주로 객체를 담은 변수를 초기화할경우 사용합니다. //숫자형 var age = 20; //문자형 var age ="20"; //위의..

오늘은 css를 작성했을 때, 스타일이 적용되는 우선순위에 대해 정리해볼게요. 작업할 때 이런 규칙에 대해 알고 있어야 css내에서 충돌이 나지않습니다. 작업을 하다 보면 하나의 태그에 여러 가지 스타일을 주는 경우가 있는데, 이때 특정한 규칙에 따라 우선순위가 부여되는 것입니다. 순서 대로 나열해 보자면, ⭐️우선순위⭐️ 속성 값 뒤에! important를 붙인 속성 html 내에 style을 직접 지정한 속성 #id로 지정한 속성 .클래스, :추상클래스로 지정한 속성 (추상 클래스> 클래스) 태그 이름으로 지정한 속성 상위 객체에 의해 상속된 속성 이 순서입니다. 만약 모든 순서가 다 같다면 제일 나중에 선언된 스타일이 적용됩니다.

오늘은 일하면서 자주 썼던 input type 에 대해서 정리해볼게요. 인풋태그의 타입은 굉장히 다양하지만, 저는 아직 몇가지 타입밖에 써보질 못했어요. 제일 많이 사용하는 타입 순서대로 나열해보자면, 이렇게 5가지 정도 됩니다. 1, input type="text" 말 그대로 text 타입이다. 한줄의 입력필드가 생성된다. 2, input type="checkbox" 클릭하면 체크되고, 다시 클릭하면 체크가 풀리는 체크박스 name = 전달할 값의 이름 value = 전달한 값 checked = 선택된 상태로 표현된다. * 체크박스는 여러개 선택 가능 * label태그와 같이 쓸 경우엔 input 의 id 와 label 의 for를 동일하게 줘야한다. 그래야 라벨태그 클릭했을때 체크박스에 체크가 들어간..

css를 구성하면서 자주쓰게 됐던 인접선택자와 일반선택자에 대해 정리해볼께요. 형제 선택자에는 두가지 종류가 있습니다. 첫번쨰, 인접 형제 선택자 (adjacent sibling selector) 두번쨰, 일반 형제 선택자 (general sibling selector) 두 선택자의 공통점은 '같은 부모를 가진다'입니다. 차이점을 정리해볼께요. ⭐️ 인접 형제 선택자 작성법 ( '.class'는 임의입니다. ) .class1 + .class2 {속성: 속성값;} 같은 부모를 가진 .class1 바로뒤에 오는 2에게 스타일을 적용한다. ex) p1 + p2 {color:red;} 이 경우에 p1바로 뒤에있는 p2의 color가 red 로 나옵니다. ⭐️ 일반 형제 선택자 작성법 ( '.class'는 임의입..

HTML 이란? 간단히 말하면 '문서의 뼈대'입니다. HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어입니다. ​ HTML의 기본적인 구조로는 ​ 이런 식으로 되어있습니다. html은 태그로 구성되어 있어요. 태그에는 여러 규칙이 있는데 그중 기본은 여는 태그와 닫는 태그가 있습니다. 태그에 대해서는 다른 글에서 다뤄볼게요! ​ 기본 구조를 자세히 봐볼까요? ​ [!DOCTYPE 선언 이유] ​ html은 버전별로 지원하는 태그가 다르기 때문에 버전 정보를 미리 선언해서 브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것입니다. !DOCTYPE 은 html5 버전 선언입니다. ​ [meta charset="utf-8" 선언 이유] 웹브라우저나 컴퓨터는 html 파일을..