변수란? 변수는 프로그램이 실행될 때 잠재적으로 변경 될 수있는 명명 된 값이다 즉 쉽게 말해서 데이터 보관함 같은 것이다. 변수 선언 방법 변수 선언하는 방법은 크게 3가지 var, let, const가 있다. ES5까지 변수 선언은 var 키워드를 사용해 선언했는데 전역 변수인 var의 특성상 유효범위가 넓어서 코드가 길어지면 선언된 변수로 인한 오류가 존재하며, 의도치 않게 변경될 수도 있어서 프로그램의 복잡성을 증가시키는 원인이 된다. 따라서 ES6는 이러한 var 키워드의 단점을 보완하기 위해 let와 const 키워드를 도입했다. var, let, const 차이점 var 함수 레벨 스코프 중복 선언 가능 재할당 가능 호이스팅 현상 일어남 Error 발생하지 않지만 undefined로 출력 실..
CSS 색상 css에서 색상을 표현하는 방법은 다음과 같이 다양한 방법이 있다 1. HEX 색상 2. RGB 색상 3. RGBA 색상 4. HSL 색상 5. HSLA 색상 6. 색상 이름 표기법 7. transparent 색상 HEX 색상 HEX 색상(Hexadecimal colors)은 #000000 형태의 색상 값은 모든 브라우저에서 지원하므로 색상을 표현하는 가장 기본적인 방법이다 . 모든 값은 00~FF 사이여야 하고 #FFF00처럼 #기호 다음에 6자리의 16진수로 표시된다. RGB 색상 RGB는 앞에서부터 차례대로 빨간색과 초록색,파란색의 양을 나타내는데 여기서 16진수가 아닌 십진수로 표현한다. 하나도 섞이지 않았을 때는 0으로 표시하고, 가득 섞였을 때는 255로 표시하면 그 사이 값으로 ..
CSS는 무엇인가? CSS는 Cascading Style Sheets의 약어로 HTML이나 XML로 작성된 문서를 시각적으로 이쁘게 꾸며주는(글씨 색상, 배경 색상, 이미지 등등) 역할을 한다. CSS 선언 방법 CSS 선언 방법에는 3가지가 있다 내부 스타일, 외부 스타일, 인라인 스타일 각각 쓰는 방식이 다른데 먼저 내부 스타일부터 알아보자 내부 스타일 시트 내부 스타일은 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것이다 태그 안에서 정의해야 하고 태그 사이에 작성해야한다. { } 외부 스타일 시트 웹 사이트를 만들 때 하나의 웹 문서로 끝나는 경우는 거의 없다. 사이트를 제작할 때 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용하는 것이 일반적이..
for문과 while문 반복적으로 출력시켜야 하는 부분은 for문이나 while문을 이용한다 예를 들어 똑같은 문장을 100회 출력하려면 100번의 출력문을 작성해야 하지만 반복문을 사용하면 한 줄의 출력문으로 100회를 출력할 수 있다 for문 초기값 셋팅을 한다 조건식을 통하여 true(참),false(거짓)을 판단한다 내용 수행 후 증감 연산을 한다 while문 조건식이 true(참)이라면 구문을 수행한다. 조건식이 false(거짓)이라면 구문을 수행을 안한다. 루프의 실행을 어느 시점에서 종료해야하는 경우 break로 종료한다. 루프의 실행을 계속 해야하는 경우 continue을 사용한다 for문 기초문법 { 06: 07: for(var i = 1; i