공부일지 썸네일형 리스트형 231004 (HTML) 테스트 7. 리터럴 리터럴 : 특정 값이 변수에 할당 된 상태 숫자 머리에 0 사용시 8진수, 0x 사용시 16진수, 0b는 2진수 ‘’ 내부에 문자열 삽입시 문자열로 동작한다. 리터럴 테스트 8. 산술 연산 변수의 산술 연산은 일반적인 연산과 같다. 소수점도 계산 가능하다. 산술연산 테스트 9. 대입 연산 대입 연산도 자바와 같은 방식으로 동작한다. 대입 연산 테스트 10. 비교 연산 비교 연산도 자바와 같은 방식으로 동작한다. 결과가 true, false로 출력된다. < 비교 연산자는 오류 발생의 여지가 있다. 특수문자 더보기 230927 (HTML) 테스트 12. 애니메이션 만들기 연습 @keyframes : 애니메이션의 중간 상태를 지정한다. animation- 속성 : name-이름 지정, duration-지속 시간 지정, iteration-count-반복 회수 지정 꽝! 꽝! 글자가 3초 동안 500%에서 시작하여 100%로 바뀌는 애니메이션입니다. 무한 반복합니다. 테스트 13. font-size에 대한 전환 효과 만들기 Transition : 폰트 사이즈가 변화 시 5초 간 변화 적용 다른 조건에 폰트 사이즈의 변경이 있어야 한다. font-size에 대한 전환 꽝! 글자에 마우스를 올려보세요 테스트 14. 다양한 변환 사례 rotate : 개체를 회전한다. 양수는 시계 방향, 음수는 반시계 방향 skew : 개체를 기울인다. 기울이면서 내.. 더보기 230926 (Java) 2차원 배열 1차원 배열을 배열 형태로 가지고 있는 배열 열의 개수가 일정한 2차원 배열을 정방형이라고 한다. 직사각형 모양 배열의 길이는 2가지로 구한다. 배열의 수는 arr.length로 구하고, 각 배열의 길이는 arr[0].length를 사용한다. 배열에 값을 저장하기 위해서는 행과 열을 모두 지정 해야 한다. 2x4의 2차원 배열에 1~8의 값을 넣고 출력하기 public class Ex01_Array { public static void main(String[] args) { int[][] arr = new int[2][4]; int count =1; for (int i=0; i 더보기 230926 (HTML) 테스트 8. overflow 프로퍼티 활용 hidden은 박스 넘어가면 잘림 visible은 박스 넘어가도 출력 scroll은 박스 넘어가면 스크롤 바 생김 overflow 프로퍼티 overflow에 hidden 값을 적용하면 박스를 넘어가는 내용이 잘려 보이지 않습니다. overflow에 visible 값을 적용하면 콘텐츠가 박스를 넘어가서도 출력됩니다. overflow에 scroll 값을 적용하면 박스에 스크롤바를 붙여 출력합니다. 테스트 9. CSS3 스타일을 응용하여 리스트로 메뉴 만들기 inline-block : 새 줄로 넘어가지 않도록 하는 속성. Home Espresso Cappuccino Cafe Latte F.A.Q 테스트 10. 마우스가 올라오면 행의 배경 색이 변하는 표 만들기 nth.. 더보기 230925 (Java) 기본 타입과 참조 타입 기본 타입은 스택 영역에 즉시 저장된다. 참조 타입은 힙 영역에 저장되고 그 위치를 스택 영역에 저장한다. 참조 타입의 값 비교는 epuals를 사용한다. 참조 타입은 스택 영역에 주소 만을 가진다. 참조 타입은 대문자로 작성한다. 메모리의 3영역 메소드 : 클래스 정보나 메소드 정보를 담아둠. 명령어를 담아둠 힙 : 참조 타입 변수를 저장함 jvm스택 : 기본 타입 변수를 저장함. 참조 타입의 특징 String 처럼 일반 변수와 달리 대문자로 시작함 열거, 클래스(String), 인터페이스, 배열 등이 존재한다. 비교 연산자의 특징 stack 영역의 값을 비교한다. String의 값을 비교하면 주소만 비교하여 결과를 출력한다. String과 참조 타입 String의 값 비교는 ... 더보기 230925 HTML 테스트 20. box-shadow 프로퍼티로 박스 그림자 만들기 box-shadow를 이용해 다양한 스타일의 그림자를 만들 수 있다 text-shadow와 같은 양식으로 작성할 수 있다. 박스 그림자 만들기 뚱이와 함께 뚱이와 함께 뚱이와 함께 테스트 21. 마우스 커서 스타일에 =커서를 부여하면 마우스를 올렸을 때 사용 할 커서 모양을 결정할 수 있다. 마우스 커서 아래에 마우스를 올려 보세요. 커서가 변합니다. 십자 모양 커서 도움말 모양 커서 포인터 모양 커서 프로그램 실행 중 모양 커서 상하 크기 조절 모양 커서 5장 테스트 1. display 프로퍼티로 박스 유형 설정 display 속성으로 보여주고 숨기고를 정할 수 있는 블럭을 설정한다. 인라인, 인라인 블록, 블록 나는 div(none)입니.. 더보기 230922 (Java) 주사위 게임 만들기 주사위로 승자 결정 하기 야추 다이스 package pack06.game; import java.util.Random; import java.util.Scanner; public class Ex02_Dice { public static void main(String[] args) { Scanner scan = new Scanner(System.in); Random ran = new Random(); int gameOn = 1; int gameMode = 0; int teamNumber = 0; while (true) {// 게임 시작 종료 체크 System.out.println("다이스 게임!"); System.out.println("1. 게임 시작, -1. 게임 종료"); { Str.. 더보기 230922 (HTML) 테스트 11. 텍스트 꾸미기 text-align : 문자의 정렬 방식 text-decoration : 문자에 주는 효과. 취소선, 밑줄 등. 혹은 링크의 밑줄을 지우는 것도 가능하다. text-indent : 들여쓰기 방식 텍스트 꾸미기 HTML의 태그만으로 기존의 워드프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다. 그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다. 밑줄이 없는 네이버 링크 테스트 12. CSS 폰트 font-family : 폰트 모음의 이름 serif : 바탕체 sans-serif : 고딕체 font-size : 폰트의 크기 large : 기본 저장된 큰 글씨에 해당하는 크기 1.5em : 원래 크기의 1.5배 그 외.. 더보기 이전 1 ··· 4 5 6 7 8 9 다음
