전체 글16 자바스크립트 작성에 필요한 표기법 자바스크립크 작성에 필요한 표기법을 알아보겠습니다 dash-case(keabab-case) snake_case camelCase (특수한 경우를 제외하고는 자바스크립트에서는 카멜케이스로 작성) PascalCase Zero-based Numbering 0기반 번호 매기기! 특수한 경우를 제외하고 0부터 숫자를 시작합니다. ex) let fruits = ['apple','banan','cherry'] console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); 위 예시를 콘솔창에서 확인하면 아래와 같이 0부터 ~ 2까지 입력한 값이 순서대로 나타납니다. 2022. 8. 3. CSS 선택자 우선순위 같은 선택자가 여러 CSS 명령을 중복으로 받으면 일반적으로 우선 순위가 같은 선택자라면 나중에 기술한 것이 먼저 기술한 것보다 우선 순위가 높다. Ch3 선택자의 우선순위 같은 선택자가 여러 CSS 명령을 중복으로 받으면 일반적으로 우선순위가 같은 선택자라면 나중에 기술한 것이 먼저 기술한 것보다 우선순위가 높습니다. 선택자 방식 적용 예 우선 순위 혼용 방식의 점수 산정 !important 속성: 적용 값 !important; 속성 기준 가장 우선 속성 기준 가장 우선 인라인 스타일 style=”” 1 요소 기준 가장 우선 ID 선택자 #selector 2 100 CLASS 선택자 .selector 3 10 속성 기반 선택자 a[href*=”#”] 3 10 가상 클래스 a:hover 3 10 가상 요.. 2022. 7. 26. css 선택자의 종류 css 선택자는 12가지 종류 입니다. 종류별로 알아볼게요~! 전체선택자 태그선택자 id선택자 calss선택자 종속선택자 하위선택자 자식선택자 인접선택자 그룹선택자 반응선택자 속성선택자 가상선택자 1. 전체선택자 html문서 안에 있는 모든 태그를 선택 할 때 프로젝트 작업 시 기본 세팅 할 때 사용 선택자 형태 설명 *{속성:속성값;} html 페이지 내부의 모든 태그를 선택 2. 태그 선택자 특정한 종류의 태그를 모두 선택할 때 태그{속성:속성값;} -> 특정한 태그를 선택 3.id선택자 이름은 한 번만 사용 가능 #아이디명 {속성:속성값;} -> 특정한 id 속성을 가지고 있는 태그를 사용할 때 사용 4.class 선택자 이름을 여러 번 사용 가능 .클래스명 {속성:속성값;} -> 특정한 클래스를 .. 2022. 7. 26. css 기초 css 는? cascading style sheets 의 약자 텍스트 색상, 크기, 이미지 크기, 위치, 표 색상, 배치 방법 등 디자인 요소 담당 p[text-align:center;] 위 형식에서 p 는 선택자, text-align은 스타일 속성, center 는 스타일 값을 의미 스타일 시트 입력 방법은 ? 1. 외부 스타일 시트 내에 태그 밑에 직접 입력함. 2. 내부 스타일 시트 대부분 테스트 할 때 사용 안에 사용 선택자{속성:속성값;} 3.인라인 스타일 시트 거의 사용하지 않고 우선 순위를 따질 때 사용 태그에 직접 사용하는 방식 4. @import css안으로 다른 파일을 불러들일 경우 사용 2022. 7. 26. 이전 1 2 3 4 다음
