Developer Gonie

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 사용예시

문자열을 숫자로 변환하는 함수 1) Number(숫자 혹은 문자열) 2) 문자열 혹은 문자열 타입의 변수 앞에 '+'를 붙여주는 것, 작동방식이 바로 위의 1번 함수와 거의 비슷하다. 3) parseInt(숫자 혹은 문자열) 4) eval(숫자 혹은 문자열) 사용예시 * 생각보다 다양한 것이 가능하므로 그냥 보고 넘기지 말고 세세하게 살펴봐라 * java에서는 System.out.print()의 인자로 문자열을 연결하는 '+' 연산자를 사용할 땐 모두 같은 문자열 타입이어야만 했는데 javascript에서는 서로 다른 타입이어도 연결이 가능하다. '문자열 + 문자열', 혹은 '문자열 + 숫자'의 경우 문자열을 연결하며, '숫자 + 숫자'의 경우 덧셈연산을 수행한다. * parseInt()는 그냥 실수를 ..

문자열을 작성하는 2가지 방법 * java와는 달리 둘 다 사용이 가능하며, 모두 string 타입으로 인식된다. 1) " " 큰 따옴표를 사용 2) ' ' 작은 따옴표를 사용 s1 = "apple"; s2 = 'apple'; 문자열 작성 비교 * java에서는 == 연산자가 객체의 주소만을 비교하여 둘의 내부 값을 정확히 비교할 수 없어 s1.equal(s2)를 사용하였다. 하지만, javascript에서는 == 연산자로 문자열 비교를 정상적으로 수행할 수 있다. s1 = "apple"; s2 = 'apple'; s3 = 'banana'; document.write(s1 == s2);// true document.write(s1 == s3);// fasle

* 이렇게 작성한 함수를 바로 javascript 코드 내에서 호출하여 사용할 수 있기도 하지만 html에서 버튼을 만든 뒤, 버튼 클릭시 호출될 함수를 명시해주어 호출되게 할 수 있기도 하다. 이것에 대한 예시는 바로 다음의 게시글에서 알아보자. https://ldgeao99-developer.tistory.com/331 함수 작성 방법 // 함수정의 function 함수명(파라미터1, 파라미터2,,,){ 실행코드 } // 함수 호출 함수명()