HTML에 CSS를 적용하는 방법 - 인라인스타일 : 태그 안에 스타일 지정 ... - 내부 스타일 시트 : html 파일에 태그를 이용하여 작성 - 외부 스타일 시트(권장) css 파일을 작성 후 html 파일과 연결 관심사 분리 외부 스타일 시트를 사용하는게 권장되는데 코드의 단순화, 유지 보수가 자유롭기 때문임. CSS 문법 구성 셀렉터 { 속성명(property): 속성값(value); } {} 중괄호 내부를 선언 블록(Declaration block), 각 속성 설정을 선언(Declaration)이라함 속성 color 글자색 background-color 배경색 border: 1px solid red; 테두리(두께, 형태, 색) -> 색과 관련된 속성값으로는 색상 이름, 16진수RGB, rgba..
웹개발 - HTML: 구조 - CSS: 스타일 - JavaScript: 기능(상호작용) HTML은 트리 구조Tree Structure로 설계됨 - 부모 요소 안에 자식 요소 여는 태그- 닫는 태그 문서 전체의 틀을 구성 문서의 메타데이터를 선언 문서의 제목, 브라우저 '탭'에 보여짐 문서의 내용을 담음 heading. 글자크기, 여백에 따라 h1~h6이 있음 content division. 줄바꿈. 여백은 없음 div 태그는 구역만 나눌뿐 아무 의미가 없기 때문에 큰 구역을 구분하기 위해 사용하는 것이 지양됨. 최후의 수단(->p 태그, 시맨틱요소section/form) 줄바꿈이 없는 content 컨테이너 줄바꿈, 약간의 여백 - div, span, p 차이(공간 차지) div는 한 줄을, span은 ..
제곱 a*a a**n //a의 n승 Math.pow(a,n) //a의 n승 제곱근 Math.sqrt(a) //루트 소수 : 1과 자기자신으로만 나눌 수 있는 수 소수의 조건 1. 1보다 커야함 2. 2를 제외한 짝수는 소수가 아님 3. 3부터 자기자신까지 나눠지는 수(약수)가 하나라도 있으면 안 됨 function isPrime(num) { // 1은 소수가 아님 if (num === 1) { return false } // 2는 소수 if(num === 2) { return true } // 2를 제외한 짝수는 소수가 아님 if (num % 2 === 0) { return false } // 3부터 자기자신까지 나누어 떨어지는 수(약수)가 있으면 소수가 아님 for (let i = 3; i < num;..
조건문 if 함수에서 return에 다다르면 함수가 종료됨 if문들의 순서와 return을 이용하여 코드를 짜야함. return이 없으면 undefined 반환 continue 반복문 이번 순서 건너 뛰기 break 반복문 종료 if (조건) { 참일 경우 실행 } else { 아닐 경우 실행 } 삼항연산자 조건 ? 참일 경우 실행할 표현식 : 아닐 경우 실행할 표현식 return function () { // isShow가 T면 'block' 아니면 'none' box.style.display = isShow ? 'block' : 'none'; // 변수 상태 변경 isShow = !isShow; }; 논리연산자 && : and 연산자 || : or 연산자 ! : not 연산자 falsy한 값 조건(i..
변수 : 상황에 따라 변할 수 있는 값 - 변수이름에 공백을 사용할 수 없어서 단어의 첫글자를 대문자로 사용(camelCase라고 한다) 다른 이름 방식도 존재함. // 변수 선언 // JS에서는 C, C++, Jave와 달리 변수 선언 시 메모리 용량을 할당해주지 않아도 됨 // 초기화 undefined 상태 let num; // 변수 할당 num = 12; // 변수 선언과 할당을 동시에 let num = 12; // let으로 선언된 변수는 한번 선언 후 계속해서 바꿀 수 있음 num = 'hi' 표현식 : 변수와 특정값을 이용하여 계산하는 연산식 = : 할당 연산자(우변을 좌변에 할당) == : 같은지 비교( -> 잘 사용하지 않음/ 0 == "0", 0 == "" 모두 true 때문) === :..