전체 글 84

[Java] 6. 배열

1. 배열 (1) 배열 같은 타입의 변수를 하나의 묶음으로 관리할 때 사용 한 변수 안에 여러 값을 저장하고자 할 때 사용 저장하려는 값의 자료형이 같아야 하나의 배열에 저장 가능 자료형[] 변수형 = new 자료형[배열크기]; (2) 배열의 선언 배열 참조 변수와 자료형, 크기를 선언 타입 뒤에 대괄호 []를 붙임 예시 // 크기가 10인 int형 student 배열을 선언 int[] student = new int[10]; // String 타입의 name배열을 선언 String[] name; // 배열에 크기를 부여 name = new String[10]; // 배열의 크기를 변경 name = new String[6]; (3) 배열의 길이와 인덱스 인덱스 : 배열의 공간마다 붙여진 번호 배열의 각각..

JAVA/이론 2023.03.14

[Java] 5. 반복문

1. 반복문 어떤 작업을 계속해서 수행해야 할 경우에 사용 반복문 특징 종료시점 예 for 원하는 반복횟수 설정 반복횟수가 끝날 때 까지 문자 'A'를 10번 출력 while 반복 종료 조건을 설정 반복조건이 만족하지 않을 때 까지 'A'를 입력 받을 때까지 문자열 'next'를 출력 (1) while문 특정 조건을 만족하는 동안 반복해서 명령을 실행 조건식이 참이면 반복, 거짓이면 while문 종료 사용시 무한루프에 들어가지 않도록 주의필요 while(조건식){ 반복실행문 } 예시1 int n = 1; while(n

JAVA/이론 2023.03.14

[Java] 4. 조건문

1. 조건문 특정 조건을 만족하는지 검사 후 조건 결과가 True or False에 따라 다음 실행할 명령을 결정 (1) if문 조건을 입력하고 조건에 따라 다음 실행할 문장을 작성 if(조건식) { 조건식의 결과가 true일 때 실행문(명령문); } 예시 int a = 10; if(a > 5){ System.out.println(a + "는 5보다 큽니다."); } if(a == 5){ System.out.println(a + "는 5입니다."); } (2) 입력문을 사용한 if문 사용자에게 값을 입력을 받고 변수에 저장한 뒤 조건을 검사 Scanner input = new Scanner(System.in); System.out.println("첫번째 숫자를 입력하세요 : "); int number1 ..

JAVA/이론 2023.03.14

[Java] 3. 연산자와 입출력

1. 연산자 특정한 연산을 수행하기 위해서 사용하는 기호 피연산자(operatior): 연산의 대상 종류 연산자 의미 산술 +, -, *, /, % 숫자연산 대입 =, +=, -=, *=, **=, /=. %= 대입 및 복합 대입 관계 >, >=, 20) && (a - b true // ||은 하나만 만족해도 true c = (a + b > 20) || (a - b true // !는 반대 c = !(b true } } (6) 비트 연산 변수의 값을 0과 1의 조합인 2진수로 변환 후 연산을 수행 AND, OR, NOT, XOR, SHIFT 연산 AND(&) : 입력이 모두..

JAVA/이론 2023.03.13

[CSS] Grid

Grid 그리드(Grid)는 반복적인 내용을 포함하는 자식요소에 대한 정렬을 쉽게 해준다. 컨테이너 요소의 display CSS 속성 값을 grid (혹은 inline-grid)로 지정하여 해당 요소를 그리드로 만들 수 있다. 부모 속성 gap 각 자식 사의 거리를 지정하기위해 사용한다. 기본값 : 0 0 속성구조 [x] : 행 / 열간 거리를 x 로 지정한다. [row-gap 속성값] [column-gap 속성값] row-gap 행간 거리를 지정하기 위해 사용한다. 기본값 : 0 속성값 : [크기] column-gap 열간 거리를 지정하기 위해 사용한다. 기본값 : 0 속성값 : [크기] grid-template-columns 그리드의 열(Column)의 개수와 크기를(비율)에 대한 설정이다. grid..

CSS 2023.03.10

[CSS] Flex

Flax 플렉스(flex)는 이가 가지는 자식요소들에 대한 정렬을 쉽게해준다. 컨테이너 요소의 display CSS 속성 값을 flex 로 함으로써 해당 요소의 자식들에 대한 정렬을 시작할 수 있다. 부모 속성 align-content 플렉스 박스 전체에 대한 아이템들의 정렬이다. 속성값 center : 가운데 정렬 flex-start : 시작 부분 정렬 flex-end : 끝 부분 정렬 space-around : 각 줄 사이의 공간은 같으나 처음과 끝 여유 공간은 각 줄 사이 공간의 절반 space-between : 각 줄 사이의 공간을 같게 하고 처음과 끝은 여유 공간이 없음 space-evenly : 각 줄 사이의 공간과 양 끝 공간이 동일 stretch : Container의 교차 축을 채우기 위..

CSS 2023.03.09

[CSS] Animation

키프레임 키프레임은 애니메이션의 한 사이클이 진행됨에 따라 적용할 CSS 속성을 진행도에 따라 나누어 작성하는 것이다. 아래와 같이 키 프레임을 선언한다. 완성도 퍼센트 값을 작성하지않고 0% ~ 100% 까지를 form 과 to 로 대체할 수 있다. @keyframes { [완성도]% { } [완성도]% { } [완성도]% { } [완성도]% { } .... } animation-name 적용할 애니메이션(키프레임)을 지정한다. 기본값 : none 속성값 none : 애니메이션 없음 [키프레임 이름] animation-delay 애니메이션이 작동하기 까지의 지연시간을 지정한다. 기본값 : 0 속성값 : [시간] animation-duration 키프레임의 사이클이 1회 완성되는데 걸리는 시간을 지정한다..

CSS 2023.03.09

[CSS] Transform

Transform 요소의 모양세를 변경하기위해 사용한다. 기본값 : none 속성구조 [x] : 단일 값 적용 사용가능한 속성값 none : 변화를 적용하지 않는다. [x_...] : 띄우기로 구분하여 여러값 적용 사용가능한 속성값 transform 용함수 속성값 rotateX(a) : x축에 대해 a만큼 회전한다. rotateY(a) : y축에 대해 a만큼 회전한다. rotateZ(a) : z축에 대해 a만큼 회전한다. scale(a) : (2차원의 상황에서) 요소를 a 만큼 확대/축소한다. 값은 0 이상의 실수이며, 1 일때 본래의 크기를 가진다. translate(x, y) : x축에 대해 x만큼, y축에 y만큼 이동한다. 해당 값이 퍼센트 값일경우 해당요소 크기를 기준으로 하는데 x값에 대해 가로..

CSS 2023.03.09

[CSS] Transition(상태변화)

transition-duration transition 이 완료하기 까지의 걸리는 시간을 지정한다. 기본값 : 0 속성값 : [시간] transition-delay transition 이 발생하기 까지의 지연 시간을 지정한다. 기본값 : 0 속성값 : [시간] transition-property transition 을 적용할 속성을 제한하기위해 사용한다. 속성 구조 : [all|속성 아룸_...] 기본값 : all 속성값 all : 가용 전체 속성에 transition 을 적용한다. [속성이름] transition-timing-function transition이 발생하는데 사용할 시간대비 변화 완료율을 가지는 함수 이다. 기본값 : ease 속성값 ease ease-in ease-out ease-in-..

CSS 2023.03.09

[CSS] Text

Text-align 텍스트의 정렬을 지정하기위해 사용한다. 속성값 left 혹은 start : 왼쪽정렬 right 혹은 end : 오른쪽 정렬 center : 가운데 정렬 justify : 양쪽 정렬 Text-decoration 텍스트의 꾸밈을 지정하기위해 사용한다. 기본값 : none 속성구조 : [line 속성값] [color 속성값]? [style 속성값]? 속성값 none : 없음 underline : 밑줄 overline : 윗줄 line-through : 취소선 Text-decoration-color 텍스트의 꾸밍에서 색상을 지정하기위해 사용한다. 기본값 : black 속성값 : [색상] Text-decoration-line 택스트의 꾸밈에서 선을 지정하기위해 사용한다. 속성구조 : [속성 값..

CSS 2023.03.09