Developer Gonie

id 선택자 특정 태그에 id 속성값으로 id를 붙여주고, 이 id로 지정할 범위를 선택하는 것을 id 선택자라고 한다. 클래스 선택자와 구분되는 점으로 중복되는 id를 지정할 수 없으며, 이 이유로 단 1개의 요소에만 적용할 때 사용된다. 중복이 존재한다고 오류는 나지 않지만 사용해야 하는 방식을 따르자. #box1 { } ... 재료-4인분 기준 id 선택자의 잘못된 사용(class 선택자와 id 선택자의 차이) 아래와 같이 같은 요소들이 존재할 때, 그중 하나의 요소에 대해서만 단 하나의 id를 부여해야 한다. abcdefg abcdefg abcdefg 사용예시

클래스 선택자 특정 태그에 class 속성값으로 이름을 붙여주고, 이 이름으로 지정할 범위를 선택하는 것을 클래스 선택자라고 한다. id 선택자와 달리 중복으로 여러곳에 지정하고 싶을 때 사용된다. (java에서 말하는 class와는 전혀 상관이 없고, class 속성은 이름을 붙여주기 위한 속성이라고 생각하면 됨) .cook1 { } ... 밀가루 3컵 사용예시

태그 선택자 '태그 선택자' 혹은 '요소 선택자' 라고도 하며, 태그 1개를 이용해서 작성한다. 1개의 태그를 명시하며, 이에 해당하는 모든 태그를 선택함. h3 { } 사용예시

CSS 선택자 CSS선택자는 CSS 규칙을 적용할 요소를 정의합니다. 기본선택자(인자로 요소만 가능) 1. 태그 선택자 : 1개의 태그를 명시하며, 이에 해당하는 모든 태그를 선택 2. 클래스 선택자 : 중복으로 여러곳을 선택 가능 3. id 선택자 : 단 한 곳만을 선택 가능 4. 속성 선택자 : 속성의 이름 및 그의 값을 이용한 선택 방법 5. 전체 선택자 : * 을 사용하며, 전체 요소를 지정한다. 그룹선택자(태그 뿐 아니라 다른 선택자들도 나열 가능) 6. 그룹 선택자 : 태그(요소) 혹은 선택자들을 ',' 를 사용하여 나열하여 이들 모두에 공통으로 해당하는 CSS 코드를 작성 결합자(태그 뿐 아니라 다른 선택자들도 인자로 사용가능) 7. 자식 결합자 : 부모의 바로 아래, 즉, 한다리 건너에 위..

네이버에서 '색상표' 를 검색하면 색상에 따른 RGB 숫자를 알 수 있다. R, G, B각 색깔별 0~255 숫자의 범위를 가지며, HTML, CSS 모두 색 지정이 필요할 때, 이 표현 방식을 사용한다. 단, HTML, CSS에서는 각 숫자를 16진수화 한 것을 붙여 사용한다. 한가지 예를 들면 아래의 색은 R:152, G: 247, B: 145 이다. 152를 16진수화 하면 98 247을 16진수화 하면 F7 145를 16진수화 하면 91 의 결과가 나오는데 이 수들을 연달아 붙여서 # 과 함께 적어준 것을 HTML, CSS에서 사용한다. #98F791 단, 99FF00 이렇게 두 숫자가 연달아 나오게 된다면 #9F0 으로 써줘도 저렇게 인식한다는 것을 알아두자. 아래는 사용예시

블록 요소 한 줄을 다 차지하는 요소. h1~h6, p, div 태그 등이 있다. 블록요소더라도 css의 float 속성을 사용하면 이 특성을 제거하여 옆에 글씨가 올 수 있게 할 수 있다. 인라인 요소 블록요소와 달리 태그로 감싸진 영역만 차지함 span, img 태그 등이 있다.

예시

Array 1차원 배열 관련 함수 1) 배열1.concat(배열2) : 배열1과 배열2를 연결한 배열 반환 2) 배열.slice(숫자1, 숫자2) : 숫자1~숫자2 인 원소들에서 범위에서 숫자2를 제외한 원소를 반환(아래 예시 참고) 3) 배열.sort() : 오른차순 정렬된 배열 반환 4) 배열.reverse() : 내림차순 정렬된 배열 반환(이름이 reverse 라고 기존의 원소를 반대로 뒤집는게 아님) 사용예시

배열 원소를 전부 출력하는 4가지 방법 1) 객체 자체를 바로 출력하는 것 2) 객체.toString() 한 것을 출력하는 것 3) 일반 for문을 이용하는 것 4) 확장 for문을 이용하는 것(java와 문법이 살짝 다르며, 왼쪽항으로 반환되는 값도 다르니 이 부분은 아래를 참고) java에서의 확장 for문 작동 방식 : https://ldgeao99-developer.tistory.com/52 사용예시

배열을 생성하는 4가지 방법 * java에서 원래 배열은 같은 데이터 타입의 집합이었다. 하지만, javascript에서는 다른 타입의 데이터도 배열로 만들 수 있다. Array는 일반 배열이라기 보다는 java에서의 ArrayList 와 같은 느낌이다. * 1번 방법에서 배열을 생성후, 값을 초기화 해주지 않으면 해당자리가 undefined로 남아있게 된다. 1) 변수 = Array(숫자) 2) 변수 = Araay(원소1, 원소2, 원소3, , , ,) 3) 변수 = new Array(방법1, 방밥2 중에 선택) 4) 변수 = [원소1, 원소2, 원소3, ,,,,] 추가) 아래의 사진으로 된 예시에는 없는 새로 알게된 가능한 배열 사용 방법 5) 변수 = Array() // 크기를 지정하지 않은 배열선..

* Math의 round, ceil, floor는 모두 결과값으로 정수를 반환 * Math.floor()는 parseInt()와 같은 기능이다. * A~B 사이의 난수 정수를 생성하는 공식은 다음의 링크를 통해 확인 : https://ldgeao99-developer.tistory.com/119 사용예시