목록Front-End (웹) (84)
EverGiver

for 문 사용하기 for(초깃값; 조건; 증가식) { 실행할 명령 } - 초기값 : 카운터 변수를 초기화한다. 초기값은 0이나 1부터 시작한다. - 조건 : 명령을 반복하기 위해 조건을 체크한다. 이 조건을 만족해야 그다음에 오는 명령을 실행할 수 있다. - 증가식 : 명령을 반복한 후 실행한다. 보통 카운터 변수를 1 증가시키는 용도로 사용한다. - for 문은 초깃값 → 조건 → 명령 → 증가식 순서로 진행된다. 중첩된 for 문 사용하기 for 문 안에 다른 for 문을 넣어 사용하는 경우 중첩된 for 문이라고 한다. cf) document.write() 처리하기 1. 한 번에 처리 - 띄어 쓰면 안 된다. document.write('제목 : 설날 사진1출처 : 구글이미지') 2. 하나씩 처리..

산술 연산자 수학 계산을 사용할 때 사용하는 연산자 피연산자 : 연산 대상 연산자 : 피연사를 제외한 부분 종류 설명 + 두 연산자의 값을 더한다. - 첫 번째 피연산자의 깂에서 두 번째 피연산자의 값을 뺀다. * 두 피연산자의 값을 곱한다. / 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈다. % 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구한다. ++ 피연산자를 1 증가시킨다. -- 피연산자를 1 감소시킨다. 할당 연산자 연산자(또는 연산식) 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자로 대입 연산자라고도 한다. 변수에 값을 할당하거나 연산식의 결과를 변수에 저장할 때 할당 연산자를 사용한다. 자바스크립트에서는 할당 연산자와 산술 연산자를 합쳐서 하나의 할당 연산자로 ..

자료형이란 컴퓨터가 처리할 수 있는 자료의 형태 종류 설명 예시 기본 유형 숫자형 따옴표 없이 숫자로만 표기 var a = 7; 문자열 작은따옴표(' ')나 큰따옴표(" ")로 묶어서 나타낸다. 숫자를 따옴표로 묶으면 문자로 인식한다. var b = 'Hello'; var c = "1"; 논리형 참(true)과 거짓(false)라는 2라지 값만 있는 유형이다. 이때 true와 false는 소문자로만 표시한다. var isEmpty = true; 복합 유형 배열 하나의 변수에 여러 개의 값을 저장한다. var seasons = ['봄', '여름', '가을', '겨울']; 객체 함수와 속성을 함께 포함한다. var date = new Date( ); 특수 유형 undefined 자료형이 지정되지 않았을 때의..

웹 요소를 클릭했을 때 실행할 함수를 연결하려면 다음과 같은 기본 형식으로 사용한다. 웹 요소.onclick = 함수; 자바스크립트에서는 웹 요소를 여러 방법으로 가져올 수 있는데 그중에서 함수 querySelector( )를 사용하여 가져오는 것이 쉽다. - querySelector( )의 괄호 안에는 클래스 이름이나 id 이름 또는 다양한 선택지를 넣을 수 있다. 예시 1. querySelector( )를 사용해 버튼 요소를 가져오고 변수 changeBttn에 저장한다. 그리고 changeBttn에 onclick을 사용해 changeColor( ) 함수를 연결한다. ▷ 이때 주의할 점은 함수의 이름만 사용하고 괄호는 붙이지 않아야 한다는 것이다. 2. 웹 요소의 프로그램 안에서 여러 번 사용하지 않..

변수란 변수 (variable) - 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터 상수 (constant) - 값을 한번 지정하면 바뀌지 않는 데이터 변수 선언의 규칙 변수 선언 - 변수를 사용하기 위해 변수를 구별할 수 있도록 이름을 붙이는 과정 지켜야 할 규칙 1. 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용한다. - 변수 이름의 첫 글자는 영어 대소 문자나 언더스코어(_)만 쓸 수 있으며, 숫자나 기호, 띄어쓰기는 허용하지 않는다. 2. 영어 대소 문자를 구별하며 예약어는 변수 이름으로 쓸 수 없다. 3. 여러 단어를 연결할 변수 이름은 중간에 대문자를 섞어 쓴다. - 낙타 표기법(camel case)라고 한다. 4. 변수 이름은 의미 있게 작성해야 한다. 변수 선언하기 ..