8월 5주차

< 학습 목록 >

• HTML & CSS Study
  
  • BOX MODEL
  • display
  • float
• Algorithm Study (Baekjoon) 
  • 반복문
  • 1차원 배열

 

 

HTML & CSS Study 

 

1. BOX MODEL이란?

   HTML상의 레이아웃 -> ex) PPT 제작 시 페이지의 틀

 

2. BOX MODEL의 기본 값

 

  (1) background

  : 높이는 자식의 높이만큼이며 너비는 화면 가득 참

 

 

  (2) width 

• % : 부모 기준의 % 비율로 적용
• auto : 부모의 영역만큼 다 채움
• px : pixel 단위로 설정

 

(3) padding

width, height만 적용 vs padding까지 적용

 

 

위 사진은 width: 200px, height: 200px을 공통적으로 적용하였고

오른쪽에만 padding: 30px를 지정하였다. 같은 너비와 높이를 가졌음에도 크기가 차이난다.

이는 padding: 30px이 포함된 실질적으로 width: 230px, height: 230px을 가지는 것이다.

box-sizing: border-box;로 설정을 하면 크기가 변경되는 것을 방지하고

내부에만 여백이 주어지게 된다.

 

* box-sizing : 요소의 너비와 높이 계산방법을 지정

 

(4) margin

 : margin을 단순히 여백이라고만 생각하는데 그보다는 요소가 차지하는 공간을 변화시키는 속성이라고 이해

 

margin-top: 해당요소를 고정시킨 채 top(bottom) 위(아래) 여백 증가

 

* 위로 튀어나온 이미지 설정

margin-top 값을 -로 설정 시, 음수 값이 커질 수록 차지하고 있는 공간이 줄어듦. ex) 박스에서 튀어나온 이미지 연출 시

margin 없음 vs margin 음수 값 설정

 

 

---

 

 

Algorithm Study (Baekjoon)

 

<반복문>

#11021번 : A + B - 1

#11022번 : A + B - 2

 

#10951번 : A + B - 3

if문(종료문) 없이 while(true)로 계속 값을 받는 것 인줄 판단 → 오류

hasNextInt() 메서드 이용

while (scan.hasNextInt()) {
            int a = scan.nextInt();
            int b = scan.nextInt();

            System.out.println(a + b);
        }

 

#25314번 : n 값을 받아 4배수 단위로 long 출력

#2439번 : 별 찍기

for (i = 0; i < n; i++) { // 0 1 2 ...
            for (j = 0; j < n - i - 1; j++) {
                System.out.print(" "); // 간격을 하나씩 줄여가며 앞에 공백 출력
            }

            for (k = 0; k <= i; k++) { // 0행부터 별의 개수를 하나씩 늘려가며 출력
                System.out.print("*");
            }
            System.out.println(" "); // 줄바꿈
        }

 

    *

   **

  ***

 ****

*****

 

 

<1차원 배열>

#10807번 : 배열 원소의 개수 세기

#2562번 : 배열에 정해진 개수의 정수 대입 후 최대 값과 그 배열번호 출력

	int[] array = new int[9];

        int max = array[0]; // 임시 최대값을 0번째 배열 값으로 설정
        int maxNum = 0; // 임시 최대값 번호를 0번으로 설정

        for (int i = 0; i < 9; i++) {

            int x = scan.nextInt();
            array[i] = x;

            if (max < array[i]) {
                max = array[i];
                maxNum = i + 1; // 배열이 0번부터 시작하기 때문
            }
        }
        System.out.println(max + "\n" + maxNum);

 

#10871번 : 배열 크기와 특정 수를 입력하여 해당 수보다 작은 값 출력

#10818번 : 배열에 정수를 대입한 후 최대, 최소값 출력