GENERATE이후 압축을 푼다.

컴파일 후 localhost 8080에 에러 페이지가 나온다.

<!DOCTYPE HTML>
<html>
<head>
    <title>Hello</title>
    <meta http_equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>

static에 해당 코드를 입력하면 사이트에 그대로 출력된다. 추가로 hello를 클릭하면 Error Page로 들어가게 된다.

위의 것은 정적엔진이나, thymeleaf 템플릿 엔진을 활용해서 개선해본다.

hello.hello_spring에 controller라는 패키지를 만들어

package hello.hello_spring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {
    @GetMapping("hello")
    public String hello(Model model){
        model.addAttribute("data","hello!!");
        return "hello";
    }
    //웹 어플리케이션에서 hello들어오면 해당 메서드 실행
}

resources에서 templates에서 hello.html을 생성해

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hello</title>
    <meta http-equiv="COntent-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<p th:text="'안녕하세요. ' + ${data}">안녕하세요. 손님</p>
</body>
</html>

hello에 반응하여 {data}에 반영된다.

class hello{
    public static void main(String[] args){
        int year=0;
        int age=14;
        System.out.println(year);
        System.out.println(age);

        year=age+2000;
        age=age+1;
        System.out.print(year);
        System.out.print(age);
    }
}

추가로, c언어와 같이 System.out.printf()형태로 입력가능하다.

단. \n 대신 %n사용

• [%5d] : [ 10] 5칸을 만들고 뒤에 %d만큼 채우기
• [%-5d]: [10 ] 5칸을 만들고 앞에서 채우기
• [%05d]: [00010] 5칸을 만드는데 뒤에서 채우고, 남은 건 0으로 메꾸기
• %#x : 16진수의 0x와 함께 출력, %#X(대문자로 0X)
• 10진수→2진수 지시자 없으므로. Integer.toBinaryString(binNum)을 통해 바꿔서 %s로 출력
• %14.10f : 소수점 앞 14, 뒤 10자리 출력 (float는 소수점 아래 6자리까지 가능. 나머지 0)
• %014.10f: f가 13이었다면 0013.0000000000 으로 출력. (소수점 앞 0으로 메꾸기)
• [%.8s]: 왼쪽에서 8글자만 출력. 문자열 일부 출력 가능.

swap 및 print내 문자&변수의 활용

public class Main{
    public static void main(String[] args){
        int x=10, y=20;
        int tmp;
        System.out.println(("x: "+ x +"y: "+y));
        tmp=x;
        x=y;
        y=tmp;
        System.out.println("x: "+x+"y: "+y);
    }
}

변수의 타입

• 기본형
  • 논리형(boolean)
  • 문자형(char)
  • 정수형(byte,short,int,long)
  • 실수형(float,double)
• 참조형
  • 객체의 주소 저장

상수와 리터널

public static void main(String[] args){
        final int MAX_SPEED=10;

        int octNum=010;//8진수
        int hexNum=0x10;//16진수
        int binNum=0b10;//2진수

        long big=100_000_000_000L;
        long hex=0xFFFF_FFFF_FFFF_FFFFL;
        //정수형인데 10진수면 생략 가능
        float pi=3.14f; //f 대신 F가능
        double rate=1.618d; //d대신 D가능
        double pi1=3.14;
        //실수형은 double만 생략가능
        // float pi=3.14(x)
        char ch='j' //문자 리터럴
        String s="n" //문자열 리터럴 

    }

객체와 var(지역변수의 타입 추론)

public static void main(String[] args){
        LinkedHashMap map=new LinkedHashMap;
        var map=new LinkedHashMap;
        String str="";
        String name=new String("");
    }

var은 초기화 내역으로 데이터의 타입을 추론해 직접 타입형을 지정하지 않아도 된다.

추가로, String은 객체이므로 new를 통해 선언 초기화하며, String str처럼 선언할 수도 있다.

String의 특성

public static void main(String[] args){
        String name="ja"+"va"; 
        String str=name+21;
        System.out.println(name); //java
        System.out.println(str); //java21
        System.out.println(" 1"+7); // 17
        System.out.println(7+7+" 1");//14 1 
        System.out.println(" 1"+7+7);//177
    }

println내 “ “을 통해 string형태가 들어간다면 이후에 들어가는 타입들을 전부 string으로 처리.

“”” “””의 형태로 \n을 사용할 수 있으며, .indet(num)을 통해 들여쓰기 가능. (\t,\n)허용

public static void main(String[] args){
        String name= """


                Hello
                """.indent(2); //indent:들여쓰기
        System.out.println(name);
    }

화면에서 입력받기. Scanner

import java.util.*;

public class scanner {
    Scanner scanner=new Scanner(System.in);
    System.out.print("두자리 정수를 하나 입력해주세요.>");
    String input=scanner.nextLine();
    int num=Integer.parseInt(input);
    //int num=scaner.nextInt(); (input->num 과정 획일화)

    System.out.println("입력내용: "+input);
    System.out.printf("num=%d%n",num);
}

java.util.*을 불러서 scnner를 활용해 next로 입력받고. parse로 변환할 수 있다.

형변환

• 2의 보수법
  • 2진법으로 데이터값을 표현→xor→+1 ⇒ a의 값을 기준으로 -a값 도출
• 2의 보수법으로 표현된 데이터값을 형변환할 때는 표현된 자료형에 따라 절사 후 저장.
  • 만약, 절사데이터의 처음이 1로 끝나면 당연히 올림. 0이면 내림.
  • 단, 실수형→정수형인 경우는 반올림 x (소수점을 버리고 남은 정수가 정수형의 저장범위)
• 자동 형변환
  • 형변환간에 값의 손실이 없는 경우, ex) float f=1234라고 하면 //(float)1234 내포
  • double x=y+i; 시, 표현범위가 더 큰 것으로 자동 형변환

• 타입간의 변환 예제

   public static void main(String[] args){
        String str="3";

        System.out.println(str.charAt(0)-'0'); //문자열의 특정 문자 지정->정수
        System.out.println('3'-'0'+1);//문자를 정수로
        System.out.println(Integer.parseInt("3"+1)); //문자열->숫자로 변환
        System.out.println("3"+1); //문자열로 변환
        System.out.println((char)(3+'0')); //아스키 코드 '0'의 수를 정수 3에 더해서 "3"의 아스키 수변환
    }

• 연산자 우선순위

• 산술연산. ex) ‘+’와 같은 경우. byte(a) + byte(b)의 자료형이 올때 +는 정수로 형변환 후 처리하기에 명시적 형변환(btye) 해야함.

• 형변환(큰 타입→ 작은 타입)

  • 자료형을 초과하는 범위는 버려서 내림을 한다.
  • 만약, 내림을 하지 않고 반올림을 원한다면 0.5를 더하면 된다.

public static void main(String[] args){
        double pi=3.141592;
        double shortPi=(int)(pi*1000+0.5)/1000.0;
        System.out.println(shortPi);
    }

• 소수점 자료형의 근사
  • 단. 정수인 경우는 자료형이 달라도 정수값이 제대로 저장되어 있으므로 비교연산 가능.

    public static void main(String[] args){
        float i=0.01f;
        double j=0.01; 
        //0.1의 근사값을 각 자료형의 변수에 저장.
        System.out.println(i==j); //float과 double은 자료형에 따라 0.01을 정확히 저장 x
    }

• 문자열의 비교(문자열이 같으면 true, 다르면 false)

    public static void main(String[] args){
        String str= new String("abs");
        boolean result=str.equals("abs"); //대소구분없이 비교(equalsIgnoreCase())사용
    }

switch

1. 조건식을 계산한다.
2. 조건식의 결과와 일치하는 case문으로 이동한다. (else == default)
3. 이후의 문장들을 실행한다.
4. break문이나 switch문의 끝을 만나면 switch문 전체를 빠져나간다.

import java.util.*;

public class operator {
    public static void main(String[] args){
        int score=0;
        System.out.print("당신의 점수를 입력하세요>(1~100)>");
        Scanner scanner=new Scanner(System.in);
        String tmp=scanner.nextLine();
        score=Integer.parseInt(tmp);
        char grade=switch(score/10){
            case 9,10 ->'A';
            case 8->'B';
            case 7->'C';
            default -> 'F';
        };
        System.out.println("당신의 학점은 "+grade+"입니다");

    }
}

• char grade={}; 로 switch의 반환값을 저장가능
• case 1 : 과 같이 “:”으로 나누는 것 대신 →으로 처리할 수 있으며 반환값을 필요로 하므로 default가 필수
• 반환값을 저장하는 변수를 yield ‘A’ 와 같이 대입할 수 있으며, case내부 블록이 길어지는 경우에 {}로 묶어서 처리할 수 있으나, 그런 경우에는 yield ‘A’과 같이 yield가 필수이다.

for문

• for(초기화;조건식;증감식) 각 조건은 다중 선언가능.
• for(타입 변수명 : 배열 또는 컬렉션)으로 선언 가능.

do - while문

• do{} while(조건식)
• 적어도 한번은 실행된다. → 실행→ 조건 확인(반복, 종료 판단)

이름 붙은 반복문 (break, continue)활용

이름 명 : for()

• 이름에 해당하는 for문을 break하거나 continue함

public class Main{
    public static void main(String[] args){
       Loop1:for(int i=2;i<=9;i++){
        for(int j=1;j<=9;j++){
            if(j==5){
                break Loop1; //continue Loop1;
            }
        }
        System.out.println("pass");
       }
    }
}

배열은 같은 타입의 여러 변수를 하나로 묶는 것

• int[] score = new int[5]; // 5개의 int값을 저장할 수 있는 배열 생성
• 이때, score는 메모리의 위치를 나타내는 참조변수.

배열이름.length

• 배열의 크기 반환. [0]~[arr.length-1]의 크기

배열의 선언및 초기화

    public static void main(String[] args){
       int[] score=new int[]{50,60,70,80};
       int[] arr={50,60,70};

       int[] arr1;
       arr1=new int[]{50,70};
       //arr1={50,70,80}(x)

        int result=add(new int[]{50,60});
        //int result=add({50,60,70}) (x)

        int[] a=new int[0];
        int[] b=new int[]{};
        int[] c={};
    }

• 선언과 초기화를 동시에 할 경우는 new 생략 가능.
• 배열의 참조자를 출력하면 타입@주소 반환.

배열의 복사

    public static void main(String[] args){
    //직접 for문을 통해 대입후, 참조 주소 대입.
       int[] arr={10,20,30,40,50};
       int[] tmp=new int[arr.length+2];
       for(int i=0;i<arr.length;i++){
           tmp[i]=arr[i];
       }
       arr=tmp;
    //arraycopy로 tmp에 arr2 배열 저장.
       int[] arr2={10,20,30,40};
       int[] tmp2=new int[arr.length+2];
       System.arraycopy(arr,0,tmp,0,arr.length);
       //기존 참조,시작위치,옮길 참조, 시작위치, 얼만큼
    }

• 난수 생성시. math.random() → 0~1사이 랜덤한 수 생성.

• 초기화와 동시에 출력

    System.out.print(numArr[i]=(int)(Math.random()*10));
    //같은 표현
    => numArr[i]=(int)(Math.random()*10);
       System.out.print(numArr[i]);

String 배열

String[] name=new String[3]; //문자열 3개 저장할 수 있는 배열 생성.

• String클래스의 주요 메서드

char charAt(int index) // 문자열에 해당 위치 문자 반환
int length() // 문자열 길이
String substring(int fromt,int to) // from~to-1까지 반환
boolean equals(Object obj) // 문자열 내용이 같은 지
char[] toCharArray() //문자열을 문자 배열로 변환
String str=new String(chArr); //문자-> 문자열 변환.

다차원 배열

• 2차원 배열의 선언과 인덱스

int[][] arr; (정석)
int arr[][];  (o)
int[] arr[];  (o)

int[][] arr;
for(int i=0;i.lengt;i++){
    for(int j:arr[i]){
    // 2차원 배열은 이렇게 출력
    }
}

가변 배열

int[][] arr= new int[5][];
arr[i]=new int[3]
//이와같이 배열의 세로크기만 정해두고 가로길이는 각각상이하게 가능.

<form action="loginAction.php" method=""GET>
ID : <input type="text" name="id"><br>
PW : <input type="password" name="pw"><br>
<input type="submit" value="LOGIN">
</form>

loginAction.php

<?
    $id=$_GET["id"];
    $pw=$_GET["pw"];

    echo "ID : {$id}<br>";
    echo "pw : {$pw}<br>";
?>

HTTP 프로토콜

0.9 : just GET

1.0 : 비 연결지향 방식(비효율적)

1.0+ : Keep-Alive 커넥션

1.1 : Keep-Alive 커넥션 패시브.

2.0 : 성능 업그레이드

TCP/IP 통신

• 통신하기 위한 중요한 정보: IP(주소)-물리적 호스트 대상 찾기, Port(구체적 위치)-논리적 대상 찾기

연결 관리 방식

• 비 지속 연결(옛날)
• 지속 연결(Keep-Alive)

메시지 구조

• 시작줄
• 메시지 헤더
• 메시지 바디

/r(0x0D) /n(0x0A)과 같은 개행 문자로 구분

메시지 헤더

• 메시지를 구성하는 요소로 클라이언트와 서버가 무엇을 할지 결정하고 처리하기 위한 정보들이 들어있으며, 요청 메시지와 응답메시지에는 반드시 메시지 헤더 포함.

요청 메시지(Request Message)

응답 메시지(Response Message)

HTTP 메서드 - GET/POST 메서드

• 클라이언트에서 서버에 데이터를 전달할 때 사용되는 방식

HTTP 상태 코드

• 클라이언트 요청 시. 서버의 요청 상세 결과

Status Code:

• 1XX: 정보
• 2XX: 성공
• 3XX: 리다이렉션
• 4XX: 클라이언트 에러
• 5XX: 서버 에러
• 대표적인 예: 200(OK) 302(Found) 304(Not Modified) 400(Bad Request) 403(Forbidden) 404(Not Found) 505(Internal Server Error)

쿠키와 세션

• 상태 유지 및 관리 필요성 및 사용자 인증 수단을 위한 쿠키 사용

클라이언트로 쿠키 발급 시 Set-Cookie 헤더로 클라이언트 쿠키 값 세팅 → 상태 관리

지속 쿠키(Persistent Cookie)

• 웹 서버에서 발급시 클라이언트 하드 디스크에 텍스틓형태 저장(열람 가능)
• 발급 과정
  • if 로그인 시
  • 서버는 응답에 따라 쿠키값을 클라이언트에 대해 세팅
  • 따라서, 홍길동이 재접근시 자동 쿠키 세팅으로 서버는 사용자 식별.
  • 이후, 로그아웃 시. delete
• 문제점: 쿠키 값을 알고 있으면 재사용 가능성 o
• 쿠키값이 평문이면 변조 위협이 있기에 관련 암호화 과정과 유효기간 등의 발급 로직을 구현해야 함.

세션 쿠키(Session Cookie)

• 웹 서버에서 발급 시 웹 브라우저 캐시에 저장
• 메모리에 저장 시 세션값은 암호화가 아닌 임의의 값
• 발급 과정:
  • 지속 쿠키와 동일 하나. 세션 정보자체를 삭제를 해버리기에 폐기 후 재사용 위험x

왜 지속 쿠키를 사용할까?

• 대규모 웹 서비스 시 세션 관리에 대한 서버의 부하 극심
• → 웹 서비스 규모와 인프라 구성에 알맞게 사용

웹 아키텍쳐

• 클라이언트 웹서버 데이터베이스 형태 → 프론트/백 엔드

동작 원리 분석

• 웹 사이트 접속 - URL 입력
• 도메인 - IP 변환 작업
  • 로컬 DNS 캐시 확인
  • hosts 파일 참조
  • DNS 서버 질의
• HTTP 요청 메시지 제작

웹 사이트 구조 분석

• HTML , CSS
• JAVASCRIPT(동적 구성)
• form을 활용해 요청 응답

⇒ Ajax 기반 웹 사이트 구조

• 자바스크립스를 통해 요청/응답
• → 백엔드의 부하 낮춤(부분만을 요청)

웹 서버 동작 원리

• 웹 서버측으로 요청 메시지를 보내면 서버는 요청된 자원 유/무 검토 후 응답 메시지 보냄.

• web application 환경의 ws/was 구성
  • Apache + Tomcat

웹 서버 웹 어플리케이션 서버 분리 이유

• 정적 자원 / 동적 자원 구분
• but. was에서 정적 자원 처리 가능

데이터베이스

• 동적인 컨텐츠를 제공하기 위해 데이터를 저장해두는 저장소

Server-Side / Client-Side

• 보안 검증은 서버측에서. → 클라이언트 측에서의 보안 검증 절차는 js인데 js는 변조가 쉽다.

• 그림으로 배우는 HTTP&Network Basic
• 성공과 실패를 결정하는 1%의 네트워크 원리

WHY?

• 생태계의 구조 이해 및 취약성 인지

웹 탄생? 웹 브라우저의 탄생

• 웹을 사용하면서 웹 서버와의 통신을 요청 응답 주고 받고 클라이언트 언어를 해석하여 GUI제공

웹을 구성하는 3대 요소

웹 브라우저(클라이언트) ——— 서버

• HTTP Request Message → HTTP Response Message return.

HTML, HTTP, URL이 3대 요소

• HTTP: 통신을 할 수 있도록 지원
• URL은 웹 클라이언트가 웹 서버로 자원을 요청할 수 있게 함
• HTML은 응답을 받으면 이를 해석하여 GUI 출력

자원을 지정하는 URL

Uniform Resource Locator → 서버 자원 요청할 때 사용.

구조 분석

• http : 스키마 부분. 프로토콜 명시 부분
• :// 구분
• www.test : 서버 주소인 호스트 부분으로 자원을 가진 컴퓨터의 위치 명시
• /image: 자원이 존재하는 디렉토리
• / background.png : 요청할 자원 이름

URL 예약 문자

• ? : 파라미터가 시작된다는 것 알려줌
• = : 파라미터 값 대입
• & : 다음 파라미터 식별자
• • : 공백

URL 인코딩

• 데이터 전송상 손실 막기위해.
• 자동으로 인코딩 해주긴 한데 간단한 건 외워두자
• & - %26
• % - %25
• • • %2B
• 공백 - %20
• = - %3D
• '#' - %23
• ‘ - %27
• ? - %3F

• 노드
• 링크

기본 용어

• 네트워크
• 노드 : 네트워크에 연결된 장치의 집합. (컴퓨터, 서버, 프린터, 라우터, 스위치 등)
• 프로토콜: 네트워크를 통해 데이터가 전송되는 방식을 제어하는 규칙(규약)
• 토폴로지: 네트워크에 있는 노드의 물리적, 논리적 배열
• IP 주소: 장치간의 통신 식별자(고유 식별자)
• MAC 주소(미디어 액세스 제어 주소): 물리적 주소로 고유 식별자.
• 포트(Port): 애플리케이션과 데이터를 주고받을 수 있는 논리적 채널
• 소켓: IP조수와 포트 번호의 고유한 조합
• DNS: (Domain Name System) 컴퓨터가 알 수 있게 IP주소 변환
• 방화벽: 네트워크 트래픽을 모니터링하고 제어하는 데 사용되는 보안 장치

네트워크의 유형

• LAN: 근거리 통신망
• WAN: Wide Area Netwrok. WAN은 LAN을 서로 연결하는 데 사용되며 일반적으로 장거리 통신에 사용
• 클라우드 네트워크

아키텍처의 유형

• 클라이언트-서버 아키텍쳐: 중간 서버 o
• Peer-to-Peer 아키텍쳐: P2P로 중앙서버 x

OSI 모델

개방형 시스템 상호 연결

• 물리층
  • 한 노드에서 다음 노드로 개별 비트를 전송하는 역할
  • 비트 동기화
  • 비트 종송률 제어
  • 물리적 토폴로지
  • 전송 모드
• 데이터링크층
  • 메시지의 노드 간 전달. 오류가 있는가 확인
  • 프레이밍(Framing)
  • 물리적 주소 지정
  • 오류 제어
  • 흐름 제어
  • 액세스 제어
• 네트워크 계층
  • 한 호트에서 다른 네트워크의 다른 호스트로 데이터 전송하는데 사용
  • 라우팅
  • 논리적 주소 지정
• 전송 계층
  • 애플리케이션 계층에 서비스를 제공하고 네트워크 계층에서 서비스를 가져옴.
  • 분할 및 재조립
  • 서비스 지점 주소 지정
• 세션 계층
  • 세션 설정, 유지 및 종료
  • 동기화
  • 대화 컨트롤러

(전달간의 암호화를 통해 진행)

• 플리젠테이션 레이어
  • 번역
  • 암호화/복호화
  • 압축
• 애플리케이션 계층
  • 최상위 계층으로 수신된 정보를 창에 제공
  • 네트워크 가상 터미널
  • FTAM
  • 메일 서비스
  • 디렉토리 서비스

TCP/IP 모델

? : 컴퓨터의 데이터를 한 장치에서 다른 장치로 전송

IP는 메일의 목적지를 찾아줌 / TCP(전송 제어 프로토콜)은 메일을 보내고 받는 일

작동 방법:

송신자 측. 데이터 패킷으로 나눠 / 수신자 측. 동일한 패킷을 다시 결합

계층:

• 애플리케이션 계층
• 전송 계층(TCP/UDP) : 패킷 오류 없이 도달한 지 확인
• 네트워크/인터넷 레이어(IP)
• 데이터 링크 계층(MAC) : 패킷 식별
• 물리층 : 연결 요청

TCP/IP와 OSI의 계층 차이점

DNS(Domain Name System)

• DNS 리커서 : 쿼리를 수신하도록 설계된 서버
• 루트 네임서버: 호스트 이름을 IP 주소로 변환
• TLD 네임서버
• 권위 있는 네임서버

재귀 DNS 확인자

DNS 조회의 8단계:

HTTP

하이퍼텍스트 전송 프로토콜로 링크를 통해 웹 페이지를 로드하는 규칙

무엇을 할까:

• HTTP 버전 유형
• URL
• HTTP 메서드: GET, POS 등 함수
• HTTP 요청 헤더: 키값 쌍에 저장된 텍스트 정보.
• 선택 사항인 HTTP 본문

HTTP 응답

• HTTP 상태 코드
  • 1xx informational
  • 2xx 성공
  • 3xx 리디렉션
  • 4xx 클라이언트 오류
  • 5xx Server Error
• HTTP 응답 헤더
• 선택 사항인 HTTP 본문

SSL(Secure Sockets Layer)

암호화 기반 인터넷 보안 프로토콜

SSL 보안 인증서로 SSL/TLS를 사용하는 웹사이트의 URL는 HTTP→HTTPS

가치:

• 데이터의 중도 탈취에도 정보가 암호화되어 안전성 o.

SSL 인증서:

• 단일 도메인
• 와일드 도메인
• 멀티 도메인

TLS 핸드셰이크

• TLS 암호화를 사용하는 통신 세션을 실행하는 프로세스(HTTPS 작동의 근간)

과정:

• 사용할 TLS 버전 지정
• 사용할 암호 제품군을 결정
• 서버의 공개 키와 SSL 인증서 기관의 디지털 서명을 통해 서버의 ID 인증
• 핸드셰이크가 완료된 후에 대칭 암호화를 사용하기 위해 세션 키를 생성

단계

• 클라이언트 헬로 메시지
• 서버 헬로 메시지
• 인증
• 예비 마스터 암호
• 개인 키 사용
• 세션 키 생성
• 클라이언트 준비 완료
• 서버 준비 완료
• 안전한 대칭 암호화 성공

웹 소켓

HTTP 프로토콜 : 서버가 응답을 보내는 단방향

WebSocket:

클라이언트-서버 통신과 동일한 시나리오에서 사용되는 양방향 전이중 프로토콜

• 통신 링크 설정 및 연결이 열리면 클라이언트-서버 간 연결이 지속될 때까지 양방향 모드로 메시지 교환 이루어짐.