주어진 조건이 만족할 때까지 수행문을 반복적으로 수행합니다. 반복문에는 while, do-while, for문이 있습니다. while문 조건식이 참인 동안 수행문을 반복해서 수행 while(조건식) { 수행문1; ... } 수행문2; ... ※ 1부터 10까지의 합을 구하는 예제 1 2 3 4 5 6 7 8 9 10 11 12 public static void main(String[] args) { int num = 1; int sum = 0; // 초기화를 해 줘야 오류가 안 남 while(num

제어문은 크게 조건문과 반복문이 있습니다. 그 중 조건문에 대해 알아보겠습니다. 조건문이란? 주어진 조건에 따라 다른 수행문이 실행되도록 프로그래밍하는 것입니다. if문 if(조건식) { 수행문; } 1 2 3 4 5 int age = 10; if(age >= 8) { System.out.println("학교에 다닙니다."); // 조건에 만족하여 텍스트가 출력됨 } Colored by Color Scripter cs if - else문 if(조건식) { 수행문1; } else { 수행문2; } 1 2 3 4 5 6 7 int age = 7; if(age >= 8) { System.out.println("학교에 다닙니다."); } else { System.out.println("학교에 다니지 않습니다."..

항과 연산자 항(operand) : 연산에 사용되는 값 연산자(operator) : 항을 이용하여 연산하는 기호 단항 연산자 항이 1개인 연산자 ex) ++num 이항 연산자 항이 2개인 연산자 ex) num1 + num2; 삼항 연산자 항이 3개인 연산자 ex) (2 < 3) ? 1: 0; 대입 연산자 변수에 값을 대입하는 연산자, 연산의 우선순위가 가장 낮음 왼쪽 변수(lvalue)에 오른쪽 변수(값)(rvalue)를 대입 ex) int num = 10; // num 변수에 값 10을 대입 부호 연산자 단항 연산자 양수/음수의 표현, 값의 부호를 변경 변수에 +, - 를 사용한다고 해서 변수의 값이 변하는 것이 아님 변수의 값을 변경하려면 대입 연산자를 사용해야 함 산술 연산자 사칙연산에 사용되는 연..

array 객체가 갖고 있는 내장 메소드에 대해 간단한 설명과 예시를 알아보겠습니다. concat() 2개의 배열 객체를 하나로 합치거나 인자로 주어진 배열이나 값들을 기존 배열에 합쳐 새 배열을 반환 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 배열객체 const arr_1 = ["딸기", "사과", "포도", "바나나"]; const arr_2 = ["오렌지", "수박", "참외"]; result = arr_1.concat(arr_2); document.write(result); Colored by Color Scripter cs copyWithin() 배열의 일부를 복사한 뒤 다른 위치에 덮어씀 copyWithin(붙여넣기할 위치, 복사 시작 위치, 복자 종료 위치) 1 2..

javascript 변수의 선언 방법은 var, const, let 3가지가 있습니다. 각각의 차이점에 대해 알아보겠습니다. var var는 변수 선언 뒤 재선언을 해도 결과값이 에러없이 출력됩니다. 어떻게 보면 재선언 기능이 장점으로 보일 수 있겠지만 같은 변수명을 계속 사용할 경우 이미 선언한 변수값이 사라지는 문제가 발생해 치명적인 단점으로 작용할 수도 있습니다. let let은 재선언은 불가하지만 재할당이 가능합니다. 아래와 같이 재선언한 경우 에러 메시지를 출력합니다. 재할당한 경우는 제대로 출력되는 걸 볼 수 있습니다. const const는 재선언, 재할당이 모두 불가합니다. 먼저 재선언한 경우 let과 동일하게 에러 메시지를 출력합니다. 다음으로 재할당한 경우입니다. 처음 선언한 "hell..

이미지에 마우스를 올렸을 때(hover) 이미지가 확대되고 마우스가 벗어나면 원래 상태로 축소되도록 해보겠습니다. 소스 보시겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 마우스 올렸을 때 이미지 확대/축소 Colored by Color Scripter cs HTML파일은 태그에 클래스를 주고 태그로 이미지 하나를 불러오도록 했습니다. 1 2 3 4 5 6 7 8 9 .box img { /* hover 뒤 애니메이션 */ transform: scale(1.0); /* 이미지 확대 */ transition: transform .5s; /* 시간 설정 */ } .box img:hover { /* hover 시 애니메이션 */ transform: scale(1.5); /* 이미지 확대 */ t..