개발 메모리

3) { // i 초깃값은 1이므로 반복문은 실행되지 않음\n document.write(\"i : \" + (i++));\n}\n\ndo { // j 초깃값은 1이므로 반복문은 단 한 번만 실행\n document.write(\"j : \" + (j++)); // j : 1 출력\n} while (j > 3);"}],["code",{"code":"for (초기식; 표현식; 증감식) {\n 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;\n}"}],["code",{"code":"for (var i = 1; i < 10; i++) {\n document.write(i + \" \");\n}"}],["code",{"code":"for (변수 in 객체) {\n 객체의 모든 열거할 수 있는 프로..

y)\n document.write(\"x가 y보다 큽니다\");"}],["code",{"code":"if (표현식) {\n 표현식의 결과가 참일 때 실행하고자 하는 실행문;\n} else {\n 표현식의 결과가 거짓일 때 실행하고자 하는 실행문;\n}"}],["code",{"code":"var x = 10, y = 20;\n\nif (x == y) {\n document.write(\"x와 y는 같습니다.\");\n} else {\n if (x < y)\n document.write(\"x가 y보다 작습니다.\");\n else \n document.write(\"x가 y보다 큽니다.\");\n}"}],["code",{"code":"if (표현식1) {\n 표현식1의 결과가 참일 때 실행하고자 하는 실..

산술 연산자(arithmetic operator) 산술 연산자는 사칙연산을 다루는 기본적인 연산자로, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다. var x = 10, y = 4; document.write(x + y); // 14 // + : 더하기 document.write(x - y); // 6 // - : 빼기 document.write(x * y); // 40 // * : 곱하기 document.write(x / y); // 2.5 // / : 나누기 document.write(x % y); // 2 // % : 나눈 후 나머지 대입 연산자(assignment operator) 대입 연산자는 변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽이다. var..

자바스크립트 데이타 타입(data type)자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있는데 이를 기본 타입이라 한다.기본 타입은 크게 숫자(number), 문자열(string), 불리언(boolean), 심볼(symbol), undefined형의 ① 원시 타입(primitive type)과 객체(object)형의 ② 객체 타입(object type)으로 구분할 수 있다.자바스크립트는 C나 Java외는 다르게 변수를 선언할 때 데이터 타입을 미리 지정하지 않는다. 다시 말해, 변수에 할당된 값의 타입에 의해 동적으로 변수의 타입이 결정된다. 이를 동적 타이핑이라 하며 자바스크립트가 다른 프로그래밍 언어와 구별되는 특징 중 하나이다.var num = 10; // 숫..

변수(variable)변수의 선언과 초기화변수(variable)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 자바스크립트에서는 var 키워드를 사용하여 변수를 선언한다.자바스크립트에서는 선언되지 않은 변수를 사용하려면 오류가 나는데, 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저한 후 초기화를 진행한다.선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화할 수도 있다.쉼표(,) 연산자를 이용하여 여러 변수를 동시에 선언하거나 초기화할 수도 있다.var month; // month라는 이름의 변수 선언date = 25; // date라는 이름의 변수를 묵시적으로 선언var month; // 변수의 선언var date = 25; // 변수의 선언과 동..

자바스크립트 기본 구문 자바스크립트의 실행문은 세미콜론(;)으로 구분된다. 자바스크립트는 대소문자를 구분한다. var x = 10; var result = x + 3; var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 변수로 인식 var JavaScript = 20; Var Script = 30; // 변수 선언은 var 키워드로만 할 수 있으면 Var는 동작하지 않음 리터럴(literal)과 식별자 리터럴은 직접 표현되는 값 그 자체를 의미하고, 식별자는 변수나 함수의 이름을 작성할 때 사용하는 이름을 의미한다. 자바스크립트 식별자로 영문자(대소문자), 숫자, 언더스코어(_) 또는 달러($)만을 사용할 수 있지만, 숫자로는 시작할 수 없다. 단어들을 ..

자바스크립트(JavaScript)란? HTML로 웹의 내용을 작성하고 CSS로 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현한다. 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. 자바스크립트는 기존의 프로그래밍 언어에서 많은 영향을 받았다. 기본 문법은 C, Java와 유사하고 Self에서는 프로토타입 기반 상속을, Scheme에서는 일급 함수의 개념을 차용했다. 자바스크립트는 크로스 플랫폼을 위한 가장 중요한 언어로 주목받고 있다. 자바스크립트는 웹은 물론 모바일 하이브리드 앱(PhoneGap, Ionic), 서버 사이드(NodeJS), 데스크톱(Electron), 머신 러닝(TensorFlow.js), 로보틱스(Johnn..

CSS 변형 효과 전환(transition)은 CSS 스타일 변경을 부드럽게 표현하기 위해 지속시간을 부여하여 속도를 조절한다. 애니메이션(animation)은 하나의 줄거리(@keyframes)를 구성하여 줄거리 내에서 세부 움직임을 시간 흐름 단위로 제어하여 요소의 움직임을 표현한다. 변형(transform)은 요소에 이동, 회전, 확대축소, 비틀기 효과를 부여하기 위한 함수를 제공한다. 전환(transition)이란? 전환 속성을 사용하여 정해진 시간 동안 요소의 속성값을 부드럽게 변화시킬 수 있다. 선택자 { transition: 모든 transition 속성을 이용한 스타일을 한 줄에 설정할 수 있음 transition-property: 트랜지션의 대상이 되는 속성 지정 transition-du..

CSS 텍스트(Text) 속성 color 속성 color 속성은 텍스트의 색상을 설정하는데, 원래 텍스트 기본 색상은 검정색이다. body { color: red; } p { color: maroon; } direction 속성 direction 속성은 텍스트가 써지는 방향을 설정하는데, 기본적으로 왼쪽에서 오른쪽 방향으로 써진다. 아랍어와 같이 텍스트를 반대 방향으로 쓰는 언어를 나타낼 때는 텍스트가 써지는 방향을 direction 속성을 사용하여 변경해줘야 한다. .leftToRight { direction: ltr; } /* 왼쪽에서 오른쪽 (기본값) */ .rightToLeft { direction: rtl; } /* 오른쪽에서 왼쪽 */ unicode-bidi 속성 direction 속성과 같이..

웹 글꼴(web font)란?CSS3에서는 웹 글꼴을 사용하여 사용자의 컴퓨터에 설치되어 있지 않은 글꼴까지 사용할 수 있다.우선 웹 폰트를 서버에 올려놓고 CSS 파일에 @font-face 규칙을 사용하여 웹 폰트를 정의하고 추가하고 font-family 속성으로 폰트를 선택하여 사용할 수 있다.@font-face { font-family: myGothicFont; src: url(/examples/media/NanumGothic.woff); font-weight: bold; font-stretch: 150%; font-style: oblique 40deg; unicode-range: }@font-face { font-family: myMyeongjoFo..