인터페이스란?

영어로 ‘interface(인터페이스)’는 ‘결합부’라는 뜻으로, 서로 다른 두 시스템이나 장치, 사람 등을 이어주는 부분을 말합니다!

ex) 어떤 사람이 컴퓨터를 켜려고 전원 버튼을 눌렀다면 그 버튼이 어떤 사람과 컴퓨터 전원 시스템 사이의 인터페이스가 됩니다.

-> 따라서 자바에서도 인터페이스는 클래스와 외부 세계(ex. 개발자, 다른 클래스)를 이어주는 역할을 합니다.

• 인터페이스는 내부에 추상 클래스를 가지고 있기 때문에 인터페이스를 받은 클래스에서는 해당 메서드를 오버라이딩으로 다시 정의하여 사용합니다!

• 낳아준 부모 외에도 어떤 친구들과 어울리느 냐에 따라 다른 모습을 보일 수 있듯이, 자바의 클래스는 슈퍼 클래스를 상속받는 것 외에도 여러 개의 인터페이스로부터 메서드를 받아올 수 있습니다(다중상속).

• 인터페이스를 받아 클래스를 만들 때는 implements를 사용
• 여러 개의 인터페이스를 상속하는 경우 콤마(,)를 이용해 인터페이스 명을 구분
• 상속을 위해 extends와 함께 쓰일 때는 항상 extends가 implements보다 먼저 오게 됩니다

아래에 실습을 해보도록 하겠습니다.

// Citizen.java

public class Citizen extends Person implements Money,Work{
    public void give(int money){
        System.out.println(money + "원을 썼습니다.");
    }

    public void receive(int money){
        System.out.println(money + "원을 벌었습니다.");
    }

    public void work(int salary){
        System.out.println(salary + "원을 봉급으로 받았습니다.");
    }
}

// person.java

public class Person {
    public String name;
    public int age;
    public int weight;

    public void eat() {
        System.out.println("먹는다.");
    }

    public void sleep() {
        System.out.println("잔다.");
    }
}

// Work.java

public interface Work {
    abstract void work(int salary);
}

// Money.java

public interface Money {
    abstract void give(int money);
    abstract void receive(int money);
}

// App.java

public class App {
    public static void main(String[] args) throws Exception {
        Person a = new Person();
        a.name = "엄인섭";
        a.sleep();


        Citizen b = new Citizen();
        b.name = "your name";
        b.work(2000000);
        b.give(300000);
        b.receive(200000);
    }
}

실행결과

Main.java

public class Main {
    public static void main(String[] args) {
        Account maccount = new Account("1002-03-0001050", "김진형", "2013-01-04", 100000);

        maccount.withdraw(40000); // 잔액 60,000
        maccount.withdraw(40000); // 잔액 20,000
        maccount.withdraw(40000); // 잔액 -20,000 (마이너스 한도 사용 및 남은 한도 10000)
        maccount.withdraw(40000); // 실패 (한도 초과)
    }
}

Account.java

public class Account {
    String account_num;
    String depositor;
    String date;
    int balance;

    public Account(String account_num, String depositor, String date, int balance) {
        this.account_num = account_num;
        this.depositor = depositor;
        this.date = date;
        this.balance = balance;
    }

    public void withdraw(int amount) {
            if (balance >= amount) {
                balance -= amount;
                System.out.println(account_num + " 출금 완료! 남은 잔액: " + balance);
            } else {
                System.out.println(account_num + " 출금 실패! 한도 초과. 현재 잔액: " + "-" + balance) ;
            }
    }
}

여러가지 수식자에 대해 말씀드리도록 하겠습니다

final이란?

• 영어에서 ‘final’은 ‘최종의, 마지막의’라는 의미로 ‘final outcome’는 ‘최종 결 과’, ‘final round’는 ‘결승전’이라는 뜻

• 변수 앞에 final이 붙으면 선언문이나 생성자 안에서 반드시 처음 값을 지정해야 하고, 그 변수의 값을 변경할 수 없습니다.

• final 변수에는 새로운 값을 저장할 수 없습니다. 이때 처음 값을 설정하는 것을 ‘초기화'라고 합니다.

static이란?

• 자바에서 ‘static’은 정지된 메모리. 즉 하나의 메모리 주소에 계속 저장한다는 의미

static 클래스로 생성된 객체들의 변수는 모두 같은 메모리 주소에 값을 저장하므로 결과적으로는 객체들끼리 그 값을 공유할 수 있습니다.

Abstract 추상 클래스란?

• 추상이란 여러 가지 사물이나 개념에서 공통되는 특성이나 속성 따위를 추출하여 파악하는 작용입니다.

• 이처럼 자바에서 ‘추상 클래스’란** 다른 클래스들의 공통이 되는 변수나 메서드의 이름과 형태만 기술해 놓았을 뿐 구체적인 내용이 없는 클래스**입니다

예시 코드 (회사에서 사용함.)

팀장 - "추상 클래스야. 이러한 입력과 출력을 해야해" => 추상 클래스를 사용하여 지정해놓으면 실체를 파악할 수 있습니다.

직원 - "예 알겠습니다."

아래의 예제 코드를 확인해보세요!

=> 이처럼 직원은 이 추상적인 클래스를 상속받아서 오버라이딩을 통해 실체로 만들 수 있는 것이죠.

prog04.java

public class prog04 {
    public static void main(String[] args) throws Exception {
        sword s = new sword();

        s.attack();

        Gun g = new Gun();
        g.attack();
    }
}

Gun.java

public class Gun extends weapon{
    public void attack(){
        System.out.println("총을 쏘다.");
    }
}

sword.java

public class sword extends weapon {
    public void attack(){
        System.out.println("칼로 찌르다.");
    }
}

weapon.java

abstract class weapon {

    abstract void attack();
}

• 한 클래스 내에서 같은 이름의 메서드를
• 파라미터와 처리동작, 리턴값을 다르게 하여 여러 번 정의*하는 것

오버로딩을 설명 하기위해 예제를 하나 만들겠습니다. 그러기 위해서는 먼저 class를 하나 생성해줍니다.

public class Calc {
    int plus(int a, int b){
        return (a+b);
    }

    int minus(int a, int b){
        return (a-b);
    }
}

그리고 위의 코드를 main method에 클래스를 불러보겠습니다.

public class App {
    public static void main(String[] args) throws Exception {
        Calc calc = new Calc();

        calc.plus(3, 2); // 예) a값 3 ,b값 2
        System.out.println(calc.plus(3, 2));    // 출력값 5
        System.out.println(calc.minus(3, 2));   // 출력값 1
    }
}

위의 코드들은 간단한 예제일 뿐 우리는 클래스를 만들 때 ** 기능을 더 **명확하고 자세히 포함 시켜줘야 합니다. 따라서 조금 더 효율적으로 작성해보겠습니다.

public class Calc {
    void plus(int a, int b){
        int k = a + b;
        System.out.println(k);
    }

    void plus(double a, double b){
        double k = a + b;
        System.out.println(k);
    }

    void minus(int a, int b){
        int k = a-b;
        System.out.println(k);
    }

    void minus(double a, double b){
        double k = a-b;
        System.out.println(k);
    }
}

위처럼 클래스에 기능을 다 집어 넣으면 조금 더 효율적으로 처리를 할 수 있습니다.

그리고 main method도 고쳐 보겠습니다.

public class App {
    public static void main(String[] args) throws Exception {
        Calc calc = new Calc();

        calc.plus(3, 2); // 예) a값 3 ,b값 2 /출력값 5
        calc.minus(3, 2); // 예) a값 3 ,b값 2 /출력값 1
        calc.plus(3.2, 2.8); // 예) a값 3 ,b값 2 /출력값 6
        calc.minus(3.2, 2.1); // 예) a값 3 ,b값 2 /출력값 1.1
    }
}

이렇게 사용할 수가 있습니다. 다만 여기서 중요한 점은 기능이 겹치는게 많습니다. 즉, 정수를 plus하냐 minus하냐 차이일 뿐 기능은 같기 때문에 하나의 메서드를 통해 많은 기능을 집어넣는 것을 오버로딩이라고 하는 것 이죠.

자 여기서 생성자에 대해 설명 해보겠습니다.

public class Calc {

    int x,y;

    Calc(){
        x = 3;
        y = 2;
    }

    void plus(){
        System.out.println(x + y);
    }


     void minus(){
        System.out.println(x - y);
    }
}

생성자의 기본 구조 입니다. 이렇게 하면** 파라미터 값을 넣을 필요 없이 알아서 기능을 수행 **해줄 수 있는 것이죠.

그리고 아래의 내용처럼 메인 메서드에는 그저 불러오기만 하면 됩니다.

public class App {
    public static void main(String[] args) throws Exception {
        Calc calc = new Calc();

        calc.plus();
        calc.minus();
    }
}

결론적으로 말하면 객체 생성과 동시에 데이터 값을 불러올 수 있다 라는 말입니다.

this란? 외부에서 불러오는 파라미터 값을 내부의 변수명과 같게 불러오고 싶을 때 사용할 수 있습니다.

void plus(int x, int y){
        this.x = x;
        this.y = y;
        int k = x + y;
        System.out.println(k);
    }

이런 식으로 int a와 int b가 아닌int x, int y로 받아서 *this를 활용해 변수명을 최적화 *할 수 있는 것이죠.

• 오버라이딩 vs 오버로딩

오버라이딩 : 슈퍼 클래스를 상속받은 서브 클래스에서 슈퍼 클래스의 메서드를 다시 정의하는 것 오버로딩 : 하나의 클래스 내에서 동일한 이름의 메서드를 파라미터, 리턴 타입 등을 다르게 하여 여러 개 정의하는 것

• 04/24 10:00AM
• 시험 범위 : 1~2장 기초문법까지
• 시험 방식 : 필기 시험
• 시험 장소 : 추후 결정
• 6문제 :

1. 괄호형 단말 3문제( Cast 연산자 )
2. 단답형 1문제

----- 시험 점수 주려고 만드셨다고 함..----- 3. 서술형 1문제 4. 실행결과 도출 5. 오류 수정 6. D/G 작성

반복문😊

• for가 가진 의미 중에는 ‘~(기간) 동안’이라는 의미가 있습니다

※ 유의할 점

• for문에는 몇 번을 반복할 것인지에 대한 조건이 필요하다는 점😉

반복문 사용법:

1. int i에 초기화 값 0을 결정해준다.
2. i<4는 i 값이 4보다 작을때까지 반복 하라 지정 해준다.
3. i++은 1씩 증가 시켜라 라는 뜻이다.

for (i = 1; i<=4; i++) {

}

= 이것은 4번 도는 것.

for (i = 0; i<=4; i++) {
}

= 이것은 5번 도는 것.

for (i = 0; i<=4; i+1) {
}

= 이것은 4번 도는 것.

for (i = 1; i<=4; i+2) {
}

= 이것은 2번 도는 것.

for (i = 9; i>0; i--) {
}

= 이것은 9번 도는 것.

** 그러면 for문 안에 for문을 한번 더 쓸 수 있을까?🤔**

• 당연히 가능합니다!

이중 for문이란?

- 이중 for문이란 말그대로 for문 안에 for문이 있는 구조입니다😂

for (i = 1; i<=4; i++) {
    for (j = 1; i<=4; i++) {
    }
}

그럼 이중for문을 이용하여 구구단을 만들어봅시다!

• 먼저 for문에서 숫자를 9번 반복하며 1씩 증가하는 for문을 만들어 보겠습니다

public class MulTable {
    public static void main(String[] args){

        int x;

        for(x=1; x<=9; x++){
            System.out.println("1 *" + x + "=" + 1*x);
        }
    }
}

출력 결과

• 하지만 이것은 1과 x를 곱하는 것이기 때문에 1 대신 y라는 변수를 지정 후 이 역시 9번을 반복해줍니다.

(구구단은 숫자 9개를 곱하는거니까요. 맞죠?😉)

그럼 정렬까지 해서 for문을 한개 더 추가해볼게요!

public class MulTable {
    public static void main(String[] args) {
        int x, y;

        for (y = 1; y <= 9; y++) {
            for (x = 1; x <= 9; x++) {
                System.out.printf("%d * %d = %2d  ", x, y, x * y);
            }
            System.out.println();
        }
    }
}

TMI. 여기서 %d 라는건 정수형 숫자를 읽어주는 것입니다

출력결과

어때요.. 아직 더럽지만 아까전보다는 깔끔해지지 않았나요?😂

Do-While문에 대해서!

• while은 ‘하는 동안’이라는 뜻의 단어인데, 자바에서도 **while은 ‘하는 동안’이라는 의미**로 활용합니다.

• do는 while문은 반복 처리를 위한 조건이 충족해야만 {} 안의 내용을 처리하는 반면, do~while문은 반복 처리 조건 에 상관없이 일단 한 번은 수행하고, 그다음 반복 처리하기 위한 조건을 고려 합니다.

즉, 반복 횟수가 얼마나 필요한지 모를 때 while문을 하는 것이죠!

While(true) {
}

• 하지만 while 문은 무한 루프로 돌리기 때문에 자의적으로 반복문을 종료 할 수 없습니다!!!

그래서 있는게 break;라는 친구를 통해 반복문을 종료 시킬 수 있는 겁니다.

While(true) {
    .
    .
    실행코드
    .
    .
    break;
}

이렇게 말이죠!!

continue; 라는 것에 대해서 알아 볼까요?

• 반복문 내에서 continue 아래 남겨진 명령어들은 생략하고, 다음 반복으로 넘어갑니다.

for(int i=0; i<4; i++){
 if(i==2){ 
  continue;
 }
 System.out.print(i);
 }

if문 내에서 i를 1씩 더하면서 그 값을 출력하다가 i의 값이 2가 되면 continue 명령어로 그 아래 System.out.print(i);는 생략하고, 다음 반복으로 넘어갑니다!!!

조건문😊

• 조건문은 어떤 경우엔 이런 처리를, 다른 경우엔 저런 처리를 해주고 싶을 때 if문이나 switch문 같은 조건문을 사용합니다.

• if문의 심화로 ifelse문을 이용하여 표현할 수 있으며, ‘(만약)라면 A를 하고, 그렇지 않으면 B를 한다’는 뜻입니다!

아래의 내용은 if-else 문을 선언하는 방법입니다.

위와 같이 if와 else문을 사용하여 그럼 연습문제를 한번 풀어볼까요?

• 교수님이 기말고사 성적에 따라 학점을 매기려고 합니다. 성적이 10096 이상이면 A, 9590 이상이면 B, 8986 이상이면 B+, 8580 이상이면 B, 미만이면 D라는 학점 기준이 있습니다. 강희은 학생이 45점을 맞았을 때, 어떤 학점을 받는지 출력하는 프로그램을 작성해 봅시다

public class Sungjuk {
    public static void main(String[] args){

        int score = 0;

        String grade = "F";

        score = 45; // 점수가 45점이다.

        if (score >= 96) {
            grade = "A+" ;
        }
            else if(score >=90){
                grade = "A";
            }
            else if(score >=86){
                grade = "B+";
            }
            else if(score >=80){
                grade = "B";
            }
            else{
                grade = "F";
            }

        System.out.println("점수:" + score + " 등급 :"+grade); // 그러면 score가 53점이니 F가 나온다.
    }
}

• 그럼 출력값은 아래와 같이 나옵니다!

그럼 switch문은 뭘까요?🤔

• if~else if문처럼 조건이 여러 가지 있을 때 그중 하나를 선택해 처리하는 것으로 switch문이 있습니다!

• 하지만 이를 수행하려면 break;로 처리한 명령을 빠져나가야 합니다.

위와 같이 case에 처리할 명령을 적고 break;로 빠져나갑니다!

그러면 연습문제를 하나 풀어봅시다!

• 교수님이 기말고사 성적에 따라 학점을 매기려고 합니다. 성적이 10090 이상이면 A, 8980 이상이면 B, 7970 이상이면 C, 6960 이상이면 D라는 학점 기준이 있습니다. 강희은 학생이 85점을 맞았을 때, 어떤 학점을 받는지 출력하는 프로그램을 작성해 봅시다!

public class Sungjuk {
    public static void main(String[] args){

        int score = 0;

        String grade = "F";

        score = 85; // 점수가 85점이다.

        switch (score/10) {
            case 10:

            case 9:
                grade = "A";
                break;

            case 8: 
            grade = "B";
            break;

            case 7: 
            grade = "C";
            break;

            case 6:
            grade = "D";
            break;

            default:
            grade = "F";
            break;
        }
    }
}

위와 같이 간단한 코드에는 if와 달리 case문으로 가독성을 더 높일수 있습니다!

• 자바 언어에서도 두 변수의 값을 비교하기 위해 다음과 같은 비교 연산자

논리 연산자

• 한 개 이상의 조건이 모여 새로운 조건을 만들어 낼 때 사용하는 것
• '또는', '그리고(and)', '~이 아닌(not)'이란 뜻을 가진 총 3가지 논리 연산자

아래의 논리 연산자를 그림으로 표현하면 이런 원리다.

데이터 타입의 변환

• 특정 데이터가 있는데 그 데이터 타입의 값을 담는 상자를 변수라고 한다.
• int 변수끼리 연산하면 int 값이 , float 변수끼리 연산하면 float 값이 나오는것 이다.

아래의 그림은 데이터 타입을 이용하여 출력한 예이다.

• 위와 같이 연산 시 정수와 실수를 섞어서 계산하면, 정수는 실수로 변환되어 계산된다.
• 하지만 int가 있음에도 굳이 float를 쓰는 이유는 바로 메모리 때문이다.

=> 이처럼 메모리의 효율을 위해서 데이터 타입이 다양한 것이다.

> 담을 수 있는 값의 크기 비교(시험에 나옴)

• ()를 사용하여 '(데이터 타입)' 이라고 값이나 변수 앞에 쓰면, 해당 데이터 타입으로 강제 변환한다. 이를 Cast라고 하고 () 를 '캐스트 연산자' 라고 한다.

연산자의 우선 순위

시프트 연산자( << , >> )

• 0과 1로 표현 하는 2진수를 사용합니다.
• 예를 들어 byte a =2; 라고 선언을 하면 0000 0010으로 메모리에 저장 되는 것이다.

위의 byte a = 2;를 이용한 시프트 연산자의 예다.

=> 즉, '<<'는 왼쪽으로 bit를 이동시키고, 이동시킨 bit 수만큼 2배, '>>'는 역시 오른쪽으로 bit를 이동 시키고 이동 시킨 bit 수만큼 1/2배의 값이 되는 것입니다.

*그럼 이런걸 왜쓸까요? *

바로 연산 시간을 단축하기 위함이다(효율). 일반적인 사칙연산은 쉽게 설명하면 2~128 정도가 걸립니다. 하지만 이 시프트 연산자는 0.2 정도 밖에 안걸리기 때문이다. (3D모델링, 게이밍)

여러가지 배열

• 한마디로 표현 하면 특정 타입의 데이터를 담는 변수들의 묶음이다.

아래의 식으로 배열을 선언한다.

• 하지만 더 간편하게 배열의 선언과 동시에 배열 요소에 값을 저장할 수도 있다.

=> 위의 내용들은 1차원 배열이라 하지만 우리는 2차원 배열과 3차원 배열도 있다. 보통 1차원은 데이터를 담을때, 2차원은 이미지, 3차원은 3D에 사용한다.

> 사람의 기억과도 같다.

• 데이터 타입

• char : (문자)
• String : (문자열)
• int : (정수)
• long : (큰 정수)
• double : (큰 실수)
• boolean : (true,false)

int와 long 의 메모리 크기 차이가 4배 차이남.

• 변수

--> 메모리 공간에 해당 변수를 저장할 공간을 만드는 것을 '변수를 선언한다' 라고 합니다.

--> 변수를 선언할 때는 해당 변수가** 어떤 타입의 데이터를 담을 것인지 명시하고, **변수의 이름을 적은 후 ';'으로 변수 선언이 끝났다는 걸 표시합니다.

// ex) 
int a;
a = 1;

연산자 -> 사람의 사고

컴퓨터는 전기를 연결한 기계로써 전기가 낮을 때를 0, 전기가 높을 때를 1로 생각하여, 0과 1로 구분된 2진수로 나타냅니다. 프로그램의 실행과 종류가 수학의 사칙 연산인 ** + , - , * , /** 를 바탕으로 이루어집니다.

• 산술 연산자

• 등호 연산자

• 증감 연산자

x++ 과 ++x의 차이점

->** x++은 **출력 후 증가시켜라는 뜻이고,** ++x** 는 증가 시키고 출력을 하라는 뜻입니다.

(이거 시험에 나온다는데..)~~

=** Html** 같은 마크업 언어에 종합적인 표현을 해주는데 필요한 Style Sheet 언어

• Style을 적용하는 세가지 방법을 알아보겠습니다

1. head 에 style이라는 태그를 만들고 설정자 지정 후 색깔을 표현하는 방법

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 속성</title>
     <style>
        /*설정자 h2*/
        h2{
            color: green;
        }
    </style>
</head>     
<body>
    <h2>조금 작은 제목</h2>
    <input type="text" name="아이디" id="userid" placeholder="아이디를 입력하세요..."><br><br>
    <input type="password" name="비밀번호" id="userpassword" placeholder="비밀번호를 입력하세요...">
</body>
</html>

2. 태그에 직접 style을 지정하는 방법

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 속성</title>
</head>     
<body>
    <h1 style="color: red;">제목</h1>
    <input type="text" name="아이디" id="userid" placeholder="아이디를 입력하세요..."><br><br>
    <input type="password" name="비밀번호" id="userpassword" placeholder="비밀번호를 입력하세요...">
</body>
</html>

3. 외부 css 파일 불러오기

• 먼저 html 코드를 하나 짜줍니다.

<!--파일명 : CSS01.html-->

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS 속성</title>
    <link rel="stylesheet" href="style.css">
</head>     
<body>
    <h2>조금 작은 제목</h2>
    <input type="text" name="아이디" id="userid" placeholder="아이디를 입력하세요..."><br><br>
    <input type="password" name="비밀번호" id="userpassword" placeholder="비밀번호를 입력하세요...">
</body>
</html>

css와 연동하려면 css파일을 찾아줄 link 코드가 필요합니다.

<link rel>= "stylesheet" href="style.css"

• 위와 같이 style.css 라는 파일을 불러 온다는 뜻에서 head에 적용시켜주고, 그리고 CSS파일 따로 만들어서 html과 연동 시켜줍니다.

/* 파일명 : style.css */

h2 {
    color: red;
}

=> 주의 사항 : html과 CSS를 연동할 때 유의할 점은 CSS의 파일 위치가 어딘지 확실히 기입을 해줘야 합니다.

• 위의 사항은 css 파일과 html이 같은 파일에 위치해 있을 때 연동할 수 있는 코드입니다.

<link rel>= "stylesheet" href="/CSS/style.css"

예를 들어 HTML의 위치는 User/CSS01.html에 저장 되어 있고 CSS의 위치는 User/CSS/style.css 에 저장 되어 있다면 위와 같이 파일 장소를 정확히 알려줘야 한다는 것이죠!

추가적으로 자세한 선택자 속성에 관해!

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>텍스트 관련 속성</title>
    <style>
        *{
            /* font 우선순위 Times가 없으면 monospace 이것도 없으면 sans-serif */
            font-family: 굴림 Times, monospace, sans-serif;
        }
        h1 {
            font-size: 100px;

            /* 선택자 정렬 */
            text-align: center;
            /* color : #16진수, 16진수, 16진수 */
            /* 1,2,3....8,9, a(10),b(11).....f(15) */
            color: rgb(255, 185, 185);
        }
        p{

            /* 예를들어 고객사에서 한 폰트 사이즈를 바꿔달라고 할때 
            px로 지정하면 하나부터 열까지 다바꿔줘야하지만 rem 사용하면 유지보수가 편함. */
            font-size: 2rem;
            text-align: end;
            color: #00ff00;
        }
        span {
            /* color 설정법 */
            color: rgb(0%, 0%, 100%);
        }
    </style>
</head>
<body>
    <h1>Again...</h1>
    <p>let's go to <span>home</span></p>
</body>
</html>

font-family

• 폰트의 스타일을 지정 해주는 것. 먼저 쓴 폰트 스타일이 웹 상에 나타나는 우선순위로써 위의 예제와 같은 경우 1순위 굴림 Times, 2순위 monospace, 3순위 sans-serif 인 것 이죠.

font-size

• px : 보통 컴퓨터 화면 디스플레이의 px값은 1980 * 1080이 보통 설정 값이죠. 위의 100px은 그 중 100px만큼 채우겠다라는 뜻입니다.

• rem: 기본적으로 컴퓨터에서 주는 폰트 사이즈는 16px로

        위와 같이 **2rem**은 **16px의 2배로** 출력해달라는 뜻 입니다.

text-align

• 지정한 텍스트를 정렬해주는 기능 입니다. 위의 예문처럼 center로 지정 하면 말 그대로 글을 중간 지점으로 정렬 해준다라는 말입니다.

color

• RGB의 16진수를 이용한 디자인 기능

  h1 {
           color: #00ff00;
       }

color를 나타내는 RGB는 보통 16진수로 나뉘어집니다. 위의 코드 처럼 color : #16진수, 16진수, 16진수

즉. 1,2,3....8,9, a(10),b(11).....f(15) color: #00ff00; 이와 같이 16진수를 이용 하여 색깔을 나타낼 수 있습니다.

#앞에 00이니까 빨간색은 들어가지 않았고, 15는 f 니까 초록색이 full로 들어 갔고 ff 뒤에 00이 들어갔으니 파란색도 제외 된 것이라고 생각하면 됩니다.

-> 방구석 부트캠프 자바(저자 김경록)

Hello를 출력하는 간단한 기능 세가지 요소!

• 클래스(class) : 한마디로 정의 하면 '상태'와 '기능' 으로** 객체를 정의** 하는 틀
• 메서드(method)
• 명령 (command)

자바는 클래스 단위로 프로그램 실행이 이루어짐. 그로 인해 명령이 한줄만 있더라도 클래스를 만들어 줘야함. 메서드는 기능이자 단독으로 존재 할 수 없는 존재. 따라서 클래스 안에 만들어줘야 합니다.

코드 예제

public class printHello {
    public void print() {
        System.outprintln("hello")
    }
}

VSC(Visual Studio Code)

• 먼저 VSC(Visual Studio Code)라는 코드편집기를 다운 받습니다.

Download Visual Studio Code

• 다운로드 링크를 타고 들어가면 본인의 컴퓨터 사양에 맞는 파일을 다운하면 됩니다.

VS Code 내에 Java 다운

• 아래에 마켓플레이스로 들어가서 java 검색 후 Extension Pack for Java 확장 프로그램을 다운 받아 줍니다.

JDK 다운 하기

• 크롬에 JDK를 검색 해줍니다.

• 그리고 자신의 사양에 맞는 파일을 다운로드 해줍니다.

컴퓨터 내 자바 환경 변수 설정 (필수!)

• 검색창에 환경 변수를 치고 아래에 사진처럼 들어가줍니다 (Window 11)

• 들어가면 시스템 속성이 나오는데 고급 -> 환경 변수로 들어가줍니다.

• 그리고 시스템 변수에 새로 만들기를 눌러줍니다.

• 보통은 C:\Program Files\Java 폴더에 있습니다. 그리고 CLASSPATH 한 개 더 만들어줍니다. 변수 값은 직접 적으시면 돼요.

• 그리고 시스템 변수에 Path를 찾아서 들어가줍니다.

• 새로 만들기를 클릭해줍니다.

• 아래의 %JAVA_HOME%\bin 을 추가 해주고 맨 위로 이동 시켜줍니다.

이렇게 자바(Java) 개발 환경 구축은 끝이 났습니다.

JAVA는 객체 지향 프로그래밍 언어 입니다.

객체 지향 프로그래밍이란?

• *OOP (Object-Oriented Programming) *라고도 합니다.
• 복잡한 계산을 구조화하여 더 많은 일을 하기 위해 나온 개념 입니다.

자바 객체의 개념👍

• 위와 같이 개별적인 데이터는 다르지만 객체는 특징 + 행동으로 표현 할 수 있는 것이죠.
• 프로그래밍의 요소를 객체로 표현, 이를 엮어 프로그래밍하는 것이 객체 지향 프로그래밍 입니다.

자바 클래스의 개념👍

• 위와 같이 객체로 표현한 데이터(field) + 동작(method)이 모여 있는 틀입니다.
• 특징과 행동의 공통점을 틀로 만들어서 효율적으로 만들어 낼 수 있는 것이죠.

특징 = 데이터(Data) = 필드(field)

행동 = 동작 = 메서드(method)

이렇게 생각하시면 편합니다👌

객체의 생성은 어떻게 하는가?

• 아래의 코드처럼 클래스 안에 객체를 인스턴스화를 할 수도 있습니다.

  public class App {
  
    public static void main(String[] args) throws Exception {
  
  

    Person man1 = new Person();    // 인스턴스화 (Person 이라는 클래스를 반드시 만들어야함.)
    Person2 man2 = new Person2(); // 인스턴스화 (Person2 이라는 클래스를 반드시 만들어야함.)

    man1.name = "김삿갓";
    man1.age = 60;
    man1.weight = 70;

    man2.name = "홍길동";
    man2.age = 60;
    man2.weight = 70;

}

### 그럼 클래스와 객체의 관계는?
제빵에 비유를 하면 **제빵사가 빵틀로 여러 개의 빵을 만든다.** 즉,
프로그래머가 **클래스로 여러 개의 객체를 만든다** 라는 말입니다.




![](https://velog.velcdn.com/images/eddie_eom/post/e409538d-365d-4cdf-8d93-629ad5e84b59/image.png)

위의 사진 처럼 절차 지향형과 다르게 객체 지향형은 프로그램의 **복잡도**와 **안정성**이 높아 질 수 있습니다.
복잡한 프로그램을 더욱 안정성 있게 **관리 **할 수 있습니다.

![](https://velog.velcdn.com/images/eddie_eom/post/84f98763-b877-47f7-8e09-02b6289e9476/image.webp)

위의 사진을 보면 0과 1이 있습니다. 컴퓨터의 언어인데, 우리는 무슨 말인지 모르죠.

- 컴퓨터는 **반도체**로 구성 되어 있어서 **전기가 통한 것은 1**, **통하지 않은 것은 0**으로 나타납니다.

- 그래서 **0과 1의 조합**으로 만들어진 언어를 **기계어**라고 합니다.

그래서 우리는 기계어를 이해하고 번역해서 실행 하기 위해 **프로그래밍 언어**를 사용합니다.

> **전체적인 메커니즘은?**

**프로그램 작성** -> **소스 파일** -> **컴파일(기계어로 번역)** -> **실행 파일** -> **프로그램 실행**
![](https://velog.velcdn.com/images/eddie_eom/post/1e3a56d3-6820-46c0-93a8-d28ca92e5505/image.png)


> **자바(Java)의 장점!**

Java는 **복잡한 프로그램을 관리하고 개발하는데 용이한 언어**입니다.
- **JVM**만 있으면 기계 종류나 운영체제에 관계 없이 자바 프로그램을 실행 할 수 있습니다. 
호환성이 정말 좋습니다. (JVM은 밑에 나옴.)


~~Tmi. 자바란 원래 가전제품에 들어갈 소프트웨어를 개발 하기 위한 용도로 나왔습니다~~


->  자동차로 치면 엔진, 바퀴, 서스펜스 같은 부품들을 만들어 서로 연결하여 조립한다는 말과 같다고 보면 됩니다. 한마디로 **객체라는 부품을 따로 만들고** 그 객체들이 **상호작용**을 할 수 있도록 **엮어서** 만드는겁니다.




> ### 컴파일과 실행

- 자바로 작성한 코드의 확장자 : .java

- 자바 전용 컴파일러 : javac

이러한 컴파일러로 기계어 번역을 하면 .class로 변환 해서 파일을 실행 해줍니다.

## 자바 가상 머신

그렇다면 .class 파일을 어떻게 실행 해줄까? 
- .class 파일은 자바 가상머신. 즉 JVM으로 실행 해줍니다.

> ### JVM

- 자바로 프로그램을 개발 하기 위해서는 자바 전용 컴파일러 javac나 JVM 등이 필요합니다.

input type (인라인 레벨 요소)

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input tag</title>
</head>
<body>
    <h1>회원가입</h1>
    아이디 : <input type="text" placeholder="아이디를 입력하세요..."> <br><br>
    비밀번호 : <input type="password" placeholder="비밀번호를 입력하세요..." maxlength="10"><br><br>
    좋아하는 색 : <input type="color" name="red"><br><br>
    생년월일 : <input type="date" name="2025/03/13"><br><br>
    남자 <input type="checkbox" name="checkbox"> 
    여자 <input type="checkbox" name="checkbox"><br><br>

    <input type="button" value="가입완료">

</body>
</html>

• Text, password, date , color, checkbox, button 등등 다양하게 있다.
• placeholder*는 박스 내에 부가 설명을 해주고 타자를 치면 사라집니다.

*- 위 코드의 결과물 - *

HTML list 만들때 꿀팁

ol 태그와 ul 태그의 차이점은?

• ol 태그는 list를 정의할때 사용하지만 ul은 순서가 중요할 때 사용합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>리스트</title>
</head>
<body>
<!-- 주석 편하게 사용하는 방법 ctrl + / -->
<!--아래에 있는 리스트 태그들은 블록레벨 태그-->    
    <ul> 
        <li>아빠</li>
        <li>엄마</li>
        <li>형</li>
    </ul>
    <ol>
        <li>호랑이</li>
        <li>사자</li>
        <li>강아지</li>
    </ol>
</body>
</html>

div는 무슨 역할을 할까?

• div 태그는 영역을 묶어주는 역할을 합니다.
• 특정 스타일이나 레이아웃을 적용하기 위해* 사용되며, 코드를 수정하기 쉽게 컨테이너 역할을 해줍니다.

span은 무슨 역할을 할까?

• span 태그 역시 div와 유사하게 영역을 묶어주는 역할을 합니다. 단순 텍스트나 인라인 콘텐츠 등에 스타일이나 속성, 스크립트를 위한 범위를 위해 감싸주는 태그입니다.

그럼 div와 span의 차이점은?

• div는 블록 레벨 요소의 태그를 묶어서 관리해주는 것이고
• span은 인라인 레벨 요소의 태그를 묶어서 관리해주는 것의 차이입니다.

• 블록레벨은 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소입니다. 이 한 줄을 차지한다는 의미는 너비가 100%라는 것을 뜻합니다._

인라인 레벨(inline-level)

• 반대로 인라인 레벨은 줄을 차지하지 않는 요소입니다. 브라우저같은 화면에 표시되는 컨텐츠만큼 영역을 차지하고 나머지 공간에는 다른 요소를 불러올 수 있습니다.

줄 바꿈 Tag

<!DOCTYPE html>

<!--페이지의 주 언어가 한국어-->
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>줄바꿈 / 공백</title>
</head>
<body>
    <h1>제목 태그</h1>
    <!--<br> 태그는 줄바꿈-->
    <p>문단을 <br><br> 표시하는 태그</p>
</body>
</html>

공백 Tag

<!DOCTYPE html>

<!--페이지의 주 언어가 한국어-->
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>줄바꿈 / 공백</title>
</head>
<body>
    <h1>제목 태그</h1>
    <p>space는 문단의 공백을 한번만 사용가능함. 그럴때 -> &nbsp; 태그 쓰면됌</p>
</body>
</html>