데이터 타입 변수에 저장되는 데이터 유형으로 Primitive(원시), Object(객체)로 나눠집니다. 원시 = number, string, boolean, undefined, null, symbol 객체 = function, object, array number(숫자) 데이터 number 데이터는 정수, 소수점, 지수를 표현 var num1 = 10; var num2 = 10.5; var num3 = 1e+2; console.log(num1); // 10 console.log(num2); // 10.5 console.log(num2); // 100. 1e+2는 1*10의 2승을 의미합니다. string(문자) 데이터 string 데이터는 ''또는 "" 표현 var str1 = '문자'; var str..
Layout (레이아웃) CSS에서 요소들을 보기 쉽게, 배치하고 정렬하는 것. 레이아웃을 만드는 방법에는 float, flex, grid가 있다. Layout 종류 방법 1 : float div태그는 block특성을 가지고 있기 때문에 세로 배치. 가로로 정렬시켜주는 것 float: left;입니다. 하단의 보이지 않는 요소에 clear: both; 주게 되면 요소가 다시 보이게 됩니다. 구조가 복잡해지면 overflow: hidden; 으로 주는 것이 좋으며 그보다도 clearfix를 주는 것이 좋습니다. /* clearfix */ .clearfix::before, .clearfix::after { content: ''; display: block; line-height: 0; } .clearfix:..
for문 for문은 특정 구문을 여러번 반복하고 싶을 때 사용하는 반복문입니다. for ( 초기값; 조건식; 증감값 ){ 실행문 } 0부터 99까지 출력하기 //0부터 99까지 출력하기 for( let i=0; i100; i++ ){ document.write(i) }; //1부터 100까지 출력하기 //1부터 100까지 출력하기 for( let i=1; i=100; i++ ){ document.write(i) }; 1부터 100까지 출력하기(짝수) 짝수로 출력할 때는 증가값을 2로 해주면 됩니다. //1부터 100까지 출력하기(짝수) for( let i=2; i=100; i+=2 ){ document.write(i) }; for문을 이용해서 테이블 출력하기 중첩 for문을 이용해서 테이블을 만들 ..
자바스크립트 연산자 프로그햄에 필요한 수식을 만들 때 필요한 것이 연산자. 연산자에는 산술연산자, 대입연산자, 비교연산자, 논리연산자 등이 있습니다. 산술 연산자 산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다. 산술 연산자 종류 속성 설명 + 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자의 변수 등을 연결할 때 사용합니다. - 빼기 연산을 할 때 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫을 구 할 때 사용합니다. % 나머지를 구할 때 사용합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽 대입 연산자 종류 ..
기본 규칙 자바스크립트를 다루기 위해서는 기초적인 특징과 문법이 있습니다. 가장 기본이기 때문에 이 부분을 수지하고 자바스크립트를 공부해야합니다. 자바스크립트란? JavaScript는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어입니다. HTML은 정적인 레이아웃을 표현한다면, 자바스크립트는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는..
