Web(52)
-
[JAVA] 연산자의 종류
항과 연산자 항(operand) : 연산에 사용되는 값 연산자(operator) : 항을 이용하여 연산하는 기호 단항 연산자 항이 1개인 연산자 ex) ++num 이항 연산자 항이 2개인 연산자 ex) num1 + num2; 삼항 연산자 항이 3개인 연산자 ex) (2 < 3) ? 1: 0; 대입 연산자 변수에 값을 대입하는 연산자, 연산의 우선순위가 가장 낮음 왼쪽 변수(lvalue)에 오른쪽 변수(값)(rvalue)를 대입 ex) int num = 10; // num 변수에 값 10을 대입 부호 연산자 단항 연산자 양수/음수의 표현, 값의 부호를 변경 변수에 +, - 를 사용한다고 해서 변수의 값이 변하는 것이 아님 변수의 값을 변경하려면 대입 연산자를 사용해야 함 산술 연산자 사칙연산에 사용되는 연..
2021.09.02 -
[Javascript] 배열 객체 메소드와 활용 예시
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..
2021.08.25 -
[Javascript] var, const, let 변수 선언 차이
javascript 변수의 선언 방법은 var, const, let 3가지가 있습니다. 각각의 차이점에 대해 알아보겠습니다. var var는 변수 선언 뒤 재선언을 해도 결과값이 에러없이 출력됩니다. 어떻게 보면 재선언 기능이 장점으로 보일 수 있겠지만 같은 변수명을 계속 사용할 경우 이미 선언한 변수값이 사라지는 문제가 발생해 치명적인 단점으로 작용할 수도 있습니다. let let은 재선언은 불가하지만 재할당이 가능합니다. 아래와 같이 재선언한 경우 에러 메시지를 출력합니다. 재할당한 경우는 제대로 출력되는 걸 볼 수 있습니다. const const는 재선언, 재할당이 모두 불가합니다. 먼저 재선언한 경우 let과 동일하게 에러 메시지를 출력합니다. 다음으로 재할당한 경우입니다. 처음 선언한 "hell..
2021.08.18 -
[CSS] 마우스를 올렸을 때 이미지 확대/축소하기
이미지에 마우스를 올렸을 때(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..
2021.08.16 -
[jQuery] textarea 글자 수 제한
jQuery를 이용해서 의 글자수 제한을 둬 해당 글자수가 넘어가게 되면 alert를 띄워 더 이상 쓰지 못하도록 해보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 textarea 글자수 제한 $(document).ready(function() { // textarea 글자 수 제한 $('#content').on('keyup', function() { if($(this).val().length > 10) { alert("최대 10자까지 입력 가능합니다."); $(this).val($(this).val().substring(0, 10)); } }); }); Colored by Color Scripter cs 먼저 jQuery 를 사용하기 위..
2021.08.13 -
[Javascript] 중첩 for문, 이중 for문을 이용해 구구단 출력하기
for문 안에 for문이 들어가 있는 형태로 간단한 예제를 통해 알아보겠습니다. 아래 예제는 1~6학년을 출력하고 각 학년마다 5반까지 출력하도록 했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 중첩 for문 for(var i = 1; i
2021.08.10