반응형

 

intellij는 eclipse에서의 workspace가 없다.

workspace는 관련 없는 프로젝트들도 하나의 eclipse창만 띄우고 전부 볼 수 있었다.

 

intellij에서는 이 방식을 권장하지 않는다.

기본적으로 하나의 프로젝트에는 하나의 모듈을 권장한다.

 

연관있는 모듈일때만 프로젝트를 생성해서 멀티모듈로 구성한다.

 

 

 


 

 

 

New Project, New Module 화면

차이를 보면 New Project가 Empty Project를 제공해준다는 점만 빼면 똑같다.

 

 

 

 

 

 


 

 

 

멀티 모듈 설정

프로젝트를 gradle 프로젝트로 생성

각 모듈은 gradle 모듈로 생성

 

DSAL /

     DSAL_Algorithm

     DSAL_DataStructure

 

 

settings.gradle

rootProject.name = 'DSAL'
include 'DSAL_Algorithm'
include 'DSAL_DataStructure'

 

 

 

build.gradle

 

buildscript{ }: gradle 빌드전에 실행

allproject{ }: 모든 모듈에 적용

subproject{ }: 서브 모듈에만 적용

 

 

buildscript {
    apply plugin: 'java'

    ext{

    }

    repositories {
        mavenCentral()
    }

    dependencies {

    }

}

allprojects {
    apply plugin: 'java'

    group 'org.example'
    version '1.0-SNAPSHOT'
}

subprojects {
    repositories {
        mavenCentral()
    }

    dependencies {
        // 서브 모듈에 모두 추가할 라이브러리 설정

        testImplementation 'org.junit.jupiter:junit-jupiter-api:5.7.0'
        testRuntimeOnly 'org.junit.jupiter:junit-jupiter-engine:5.7.0'
    }

    test {
        useJUnitPlatform()
    }
}

// 각 모듈별 라이브러리 설정
project(':DSAL_Algorithm'){
    dependencies {
        compileOnly 'org.projectlombok:lombok:1.18.12'
        annotationProcessor 'org.projectlombok:lombok:1.18.12'
    }
}

project(':DSAL_DataStructure'){
    dependencies {
    }
}

 

DSAL_Algorithm에 lombok은 테스트용도로 넣어둠

 

 


 

 

서브 모듈 build.gradle

dependencies {
    compileOnly 'org.projectlombok:lombok:1.18.12'
    annotationProcessor 'org.projectlombok:lombok:1.18.12'
}

 

프로젝트 build.gradle의 project(':subModule'){ } 로 사용하지 않고,

서브 모듈에 존재하는 build.gradle에 dependencies{ } 에 추가해도 동작한다.

 

 

 

프로젝트 build.gradle 한곳에서 관리해주는 것이 편리하니 project(':subModule'){} 를 사용하자.

 

 

 


 

 

참고

 

 

https://jojoldu.tistory.com/334

 

Eclipse의 Workspace와 IntelliJ의 Project

최근 인프런에 강의 영상을 올리고 여러 질문을 받았습니다. 그 중에서 자주 접하는 질문이 바로 Eclipse의 Workspace가 IntelliJ의 Project가 맞는건지에 대한 질문이였습니다. (질문) 그래서 이 부분에

jojoldu.tistory.com

 

반응형

' > intellij' 카테고리의 다른 글

[intellij] gradle를 이용해서 local jar 생성, 추가  (0) 2022.07.27
반응형

 

intellij

하나의 project안에서 여러개의 module로 프로젝트를 구성

 

 


 

gradle을 이용하여 jar파일 생성, 추가

 

 

jar 만드는 방법

 

gradle -> jar

build/libs에 jar파일이 만들어진다.

 


 

jar 파일 사용

 

 

다른방법


dependencies {
    implementation fileTree('libs')
}

 

반응형

' > intellij' 카테고리의 다른 글

intellij 구조 (프로젝트, 모듈, 멀티 모듈)  (0) 2022.07.27
반응형

 

Git 기본 사용법 및 명령어

 


 

git을 다운로드하여 프로그램을 설치한 후 $git --version 명령어로 git이 제대로 데스크톱에 설치되었나 확인한다.

git을 이용할 폴더에 들어가서 폴더 배경에서 오른쪽 클릭 - git bash here을 누르면 git이 사용 가능하다.

$git init하게 되면서 (.git)폴더가 생성된다.

 


Git의 특징

 

분산 버전관리 시스템

중앙 저장소뿐만 아니라 로컬 저장소에서도 history를 갖고 있다.

 

Git의 원리

변경이 일어날 때 마다 기존 파일들은 실제로 복사해서 갖고 있는 것이 아니라 기존 내역들을 참조하고 있다. , 해시코드 값을 참조

 

git init: 작업 영역 생성

git add: [새로 생성된 파일]을 등록한다. 기존 내역은 [기존 파일 참조(해시값)]

git commit: [새로 생성된 파일] + [기존 파일 참조] = 해시 코드 생성

 

 


기본 명령어

 

git 명령어 --help 도움말 보기

git log -> q 나가기

touch sample.txt 테스트할 때 빈 파일 만들기

 

 

$git config --global user.email 사용하는 이메일 commit 시 작성자로 등록됨

$git config --global user.name 사용하는 이름

github사이트에서 이용하는 이메일과 이름 [내 정보]를 등록하는 명령어이다.

 

$git init git 저장소 생성, 현재 폴더를 버전관리하겠다고 선언

$git status 폴더 안 파일들의 상태를 확인 [새로 만든 파일(untracked), 변경된 파일(modified)] 

$git add commit을 수행할 파일을 staging area에 추가한다. [새로 만든 파일(untracked), 변경된 파일(modified)]  둘다 add를 해줘야한다.

이전에 add로 추적을 시켰다 하더라도, 수정시에 새로 add를 해줘야한다.

add는 단순히 추적이 아닌 staging area에 올리는 것이다.

2가지 기능이 있다고 생각

(1) 새로운 파일을 staging area에 올린다.

(2) 변경된 파일을 staging area에 올린다.

 

$git commit -m "설명" 커밋할 때 구체적인 설명을 같이 입력한다. commit 명령어는 기록을 남긴다.

$git commit -am "설명" 모든 file을 자동으로 add하며 커밋도 진행한다. (단, untracked file은 커밋하지 않는다.)

staging area 에 올라온 file들을 기록시킨다.

 

$git log 커밋 기록을 보는 명령어이다.

$git diff 커밋번호..커밋번호 커밋간의 차이를 본다.

log화면에서 q를 누르면 나간다.

 

$git reset 커밋번호 커밋번호에 해당되는 버전으로 돌린다.

로컬 저장소일때만 사용 추천

 


gitignore 

 

gitignore 파일안에 git이 추적하지 않을 파일명을 등록하여 추적되지않게 할 수 있다.

"git add ." 해도 staging area에 등록되지 않는다.

 

$vim .gitignore gitignore 을 만든다.

*.파일형식 파일 유형 전체를 추적하지 않을경우 

 

주의점. 한번 추적된 파일은 gitignore에 등록해도 추적을 피할 수 없다. 

$git rm --cached 파일명 해당 명령어로 git cash를 지워주면 gitignore가 정상적으로 가능하다.

 

 


Git Branch

 

브랜치를 만드는 경우

  • 테스트 기능을 만들어야하고, 결과적으로 원격저장소에는 올리지 않는 경우
  • 기능이 사용될 가능성이 적은 경우
  • 메인 프로젝트는 유지하며 커스텀 프로젝트를 만들 경우

 

이전 시점으로 돌아가서 브랜치를 만들지 않고  commit진행하고, 다른 브랜치로 이동하려고하면 불가능하다.

작업한 커밋에 대한 브랜치를 만들어줘야 다른 브랜치로 이동할 수 있다.

 

$git branch 현재 branch정보들을 볼 수 있다. (현재 check인 branch는 * 표시)

$git branch 브랜치 새로운 branch를 만든다.

$git branch -d 브랜치 branch를 삭제한다.

$git branch -D 브랜치 branch를 강제 삭제한다.

$git checkout 브랜치 현재 사용중인 branch를 checkout하고, 브랜치명 branch로 시점을 이동한다.

$git checkout -b 브랜치 브랜치를 만들면서 체크아웃도 진행

$git checkout 커밋 해시값 N자리

checkout 명령어는 HEAD 이동 명령어다. 커밋 번호가 존재하며 커밋번호 앞 N자리를 이용하여 시점을 이동한다.

 

$git log --branches --decorate --graph log들을 시각적으로 표현해서 보여준다.

$git diff 브랜치1..브랜치2 branch들 간의 차이를 본다. (윗 라인이 브랜치1, 아랫 라인이 브랜치2 / 브랜치2가 기준)

 

$git merge 브랜치2

현재 시점이 브랜치1인 상태라 가정한다.

merge하면 브랜치1로 브랜치2의 커밋들을 가져온다.

충돌이 없었다면 브랜치2의 커밋 내용이 브랜치1에 전부 merge되어 브랜치2는 삭제가 가능하다.

* 브랜치를 합치는게 아니라 해당 브랜치가 갖고 있는 커밋들을 합치는 것이다.

 


 

fast-forward

 

새로운 브랜치로 nb에서 commit을 진행하고 master에서 nb 커밋들을 이용하고자 할 때

(master는 commit진행을 하지않은 상황)

$git checkout master 

$git merge nb

master로 시점을 옮기고, nb를 merge하면 fast-forward가 진행된다.

 

 

 

 

 

3way-merge

 

 

 

[1 라인] 수정이 일어나지 않았으면 그대로 반영 (A A A) -> A

[2, 3 라인] 변경부분은 변경부분으로 반영 (H B B) -> H

[4 라인] 같은부분의 변경은 충돌을 직접 해결해줘야함 (H D T) -> 충돌 해결 필요

 

 

 

$git checkout master 

$git merge nb

master로 nb 커밋을 가져와서 merge완료함.

 

 

 

 

 

merge 충돌 해결

 

충돌이 일어나면 (브랜치|MERGING) 로 바뀐다

충돌이 일어난 파일을 수정해주고 commit을 해주면 된다.

 

 


 

 

$git stash 임시 저장을 만든다.

$git stash apply 임시 저장을 다시 불러와 적용한다.

 


원격 저장소 생성, fork, clone

 

로컬저장소 생성 후 원격 저장소(github) 생성

원격저장소 생성 - readme.md없이 만들어야 원격저장소 브랜치가 생성되지 않음

$git remote add origin 원격저장소주소 원격 저장소와 연결하며, origin이라는 명칭으로 사용하겠다.

$git push origin 브랜치명 브랜치 push

 

 

 

원격 저장소를 clone하여 가져오기

HTTPS 주소로 clone

$git clone HTTPS주소 [폴더명]

폴더명이 없다면 해당 폴더에, 있다면 추가로 폴더를 생성하고 그안에

 

원격 저장소에 대한 권한이 있다면 로컬 저장소 내역을 원격 저장소에 즉시 반영가능

브랜치 보호설정을 해놨다면 관리자의 PR허가필요

 

clone하면 기본적으로 master만 연동되고, 다른 원격 브랜치는 갖고 있기만 한다.

master가 아닌 브랜치는 따로 로컬에서 생성해 연결해주어야 한다.

 

 

원격 저장소를 fork하여 가져오기

fork 하게 되면 내 원격저장소에 프로젝트가 생성된다.

fork이후 clone을 통해 사용하면 된다.

 

fork한 프로젝트는 PR를 통해 기여할 수 있다.

 

Pull Request - 협력자가 원본 저장소의 관리자에게 merge를 요청하는 과정으로 협력자가 관리자에게 승인을 허가하도록 요청하는 것이다.

최종 merge는 원본 저장소의 관리자가 요청을 승인해야 merge 된다.

 

PR 방법

base: fork한 기존 프로젝트 / branch   <-----  head: fork한 내 저장소 프로젝트 / branch

 

브랜치를 새로 생성 후 commit 정리하고 PR요청

PR요청 전에  rebase dev 까지 해서 정리하고 PR. 바로 merge되도록.

요청하는쪽에서 정리하는 것이 바람직

PR이 허가되면 Main 브랜치에 merge된다.

 

 


원격 저장소 push & pull

 

$git ls-remote, git branch -r

원격저장소 branch를 보여준다.

 

 

Download

$git fetch --all
원격 저장소 모든 branch 다운로드

새로운 원격 branch가 있다면 알려준다.

 

$git fetch origin {원격브랜치}

원격 저장소 브랜치 하나만 다운로드

fetch한 branch로 checkout하고, 내용을 확인할 수 있다.

 

$ git merge {origin/원격브랜치}

다운로드한 브랜치와 merge한다.

 

$git pull origin {원격브랜치}

하나의 원격브랜치만 다운로드 & merge 하고자 할 때 사용한다.

기존 브랜치와 동기화를 해놨다면 merge된다.

* 주의: HEAD branch와 merge되므로 원하는 branch로 checkout한 후 진행해야 한다.

 

$git checkout {로컬브랜치} {origin/원격브랜치}

최초 동기화로 로컬 브랜치를 생성해서 원격 브랜치를 동기화

== git switch 원격브랜치

원격 저장소에 새로운 브랜치가 있을 때 로컬에도 새로운 브랜치를 만들어 동기화하여 사용하는 것이 정석

 


Upload

$git push origin {로컬브랜치 }

로컬 브랜치를 원격 저장소에 브랜치로 업로드

원격 저장소에 브랜치가 있다면 반영, 없다면 생성

 

$git push origin {로컬브랜치:원격브랜치}

브랜치이름이 다를 경우

 

$git push --all 

모든 브랜치를 원격 저장소에 올린다.

 

$git push origin --delete {원격브랜치}

원격 브랜치를 삭제한다.

 

$git push -f origin {브랜치}

로컬 브랜치에 맞게 원격 브랜치를 강제 수정할 때

 

 


 

 

 


 

 

리눅스 명령어

 

https://dora-guide.com/linux-commands/

 

리눅스 명령어 모음 BEST 50 초보자 및 전문가용 - 도라가이드

리눅스 명령어 모음 입니다. 오늘날 배울 수있는 가장 유용한 리눅스 명령어들이며, 리눅스 기본 명령어와 함께 정기적으로 사용할 50가지 최고의 Linux 명령어를 간략하게 요약하여 이 안내서를

dora-guide.com

 

 

 


 

반응형
반응형

[Git] Sourcetree rebase 재배치


 

rebase - 말 그대로 분기의 베이스(시작 위치)를 바꾸겠다는 말이다.

 

rebase와 merge는 브랜치를 합치는 역할이다.

merge를 쓰겠다면 굳이 쓰지 않아도 된다.

 

하지만 rebase만의 장점이 있다.

rebase가 merge보다 commit log가 깔끔해진다는 장점이 있다.

 

 

주의: 이미 공유된 커밋(main)은 리베이스하면 안된다. (커밋 해시 값이 변경됨)


 

 

 

main, newFunc 두 개의 브랜치가 있다.

base는 initial commit 이다.

 

브랜치 1, 브랜치 2가 각자 커밋이 진행하면

두 브랜치는 initial commit기점으로 하여 갈라지는 형태가 된다.

 

이 상태에서 rebase를 실행하려고 한다.

 

 

rebase를 하면 발생 문제 상황

 (1) 충돌이 나지 않는 경우

(2) 충돌이 나는 경우

 


(1) 충돌이 나지 않는 경우

 

rebase를 할 때는

현재 HEAD로 어떤 브랜치를 하고 있는지,

어떤 브랜치를 rebase로 사용할 것인지가 중요하다.

 

해당 사진은 브랜치 newFunc가 브랜치 main을 rebase 한 결과다.

newFunc(HEAD) -> rebase main

 

newFunc을 기준으로 main의 모든 커밋 내용들을 rebase됐다.

main에서는 newFunc까지 fast-forward 가능한 한줄기가 된다.

 

결과는 main commit내역이 밑으로 깔리고,

그 위로 newFunc가 이어서 작업한 것과 같은 형태가 된다.

 

 

rebase main

main의 마지막 commit을 새로운 base로 사용하겠다는 의미

main은 보통 공유하므로 rebase main을 하면 안된다.

 

rebase newFunc

newFunc의 마지막 commit을 새로운 base로 사용하겠다는 의미

 

 

rebase 대상을 HEAD branch 밑에 둔다

 


(2) 충돌이 나는 경우

 

충돌을 내기 위해 브랜치 newFunc와 브랜치 main이 같은 파일을 변경하고 커밋을 진행

 

이 상황에서 rebase를 하면 같은 파일을 변경했으므로 충돌이 일어난다.

newFunc(HEAD) -> rebase main

 

 

 

 

 

주의할 점은 newFunc(HEAD)에서 main을 rebase 했는데, 

병합 결과는 main(HEAD)

HEAD가 바뀌어 나온다는 것이다.

 

이유는 rebase를 실행하면 HEAD가 main브랜치의 커밋 m1으로 이동한다.

그 후 지정하려는 main의 마지막 commit 부터 newFunc 브랜치의 커밋들을 위로 순차적으로 병합하게 된다.

 

현재 시점이 (m1)을 가르킨 상태에서 (1)을 병합하므로

HEAD(시점)은 (m1)이고 충돌은 (1)이 잡히는 것이다.

 

 

 

 

마찬가지로 (1)과의 병합을 마쳤다면 (2)를 병합을 해야한다.

 

cli 명령어

git rebase --continue

 

 

 

충돌이 발생하면 시점(HEAD)을 rebase로 하려는 브랜치로 옮기고 해당 위치부터

위로 순차적으로 기존 HEAD였던 브랜치의 커밋들을 병합하는 것이다. 

 


 

commit 로그 축약하기

interactive rebase

 

git rebase -i HEAD~3

커밋 3개 관리

 

 

명령어를 입력하면 나오는 화면

 

 

 

 

가장 최신 커밋 내용은 유지한채 최신 커밋을 줄인다. s (squash)

(pick)으로 3개의 커밋들을 병합

 

가장 아래가 최신 커밋 (내용은 유지하고, 커밋만 없앤다.)

 

 

 

https://meetup.toast.com/posts/39

 

git squash - 여러개의 커밋로그를 하나로 묶기 : NHN Cloud Meetup

git squash - 여러개의 커밋로그를 하나로 묶기

meetup.toast.com

 

반응형
반응형

 

 

JAVA SE 위에서 동작하는 기업형 응용 프로그램 (JAVA EE or SPRING)

현재는 EE가 유료이므로, SPRING을 주로 사용한다.

 

스프링의 대표 기능

MVC(DI), TRANSACTION(AOP), 인증과 권한(FILTER)

 

 


DI와 IOC컨테이너

객체를 생성해주고 인터페이스를 통해 조립해준다.

bean으로 생성하고, 인터페이스에 맞는 bean을 주입한다.

 

✔ IOC(inversion of control) 컨테이너라고 하는 이유

(1) 기존 프로그래밍

A -> B -> C -> D

A에서 B객체를 생성, B에서 C 객체를 생성, C에서 D객체를 생성

 

(2) 스프링 컨테이너

D -> C -> B -> A

D를 C에 주입, C를 B에 주입, B를 A에 주입

 

 

IOC 컨테이너의 사용

ApplicationContext - 스프링 설정 지시서를 읽는 인터페이스

구현체

ClassPathXmlApplicationContext ( " 스프링 bean 설정.xml ")  // 지시서가 xml로 설정되어있는 경우

AnnotationConfigApplicationContext ( ConfigClass.class ) // @Configuration 지정 클래스

 

 

컨테이너에서 Bean을 사용하기

(1) class로 꺼내기: 참조 인터페이스 타입 = context.getBean(클래스.class)

* 구현체.class 를 적으면 구현체를 가져오고, 인터페이스를 적으면 인터페이스에 지정된 구현체를 가져온다.

(2) id로 꺼내기: 참조 인터페이스 타입 = (bean 형변환 필요) context.getBean("bean name")

 

 

의존 객체로 Bean을 사용하기

@Autowierd  - 생성자 주입, 필드 주입, setter주입 

* 인터페이스에 맞는 구현체 Bean을 사용한다.

@Qualifier("id") 

* Configuration에서 bean 생성, class에 @Component도 달아준 경우 (인터페이스에 맞는 Bean이 여러 개 일 때)

id로 지정해서 하나의 Bean만 사용할 수 있게 한다.

id를 지정하지 않았다면 맨 앞 클래스명을 소문자로 사용

XML - 생성자 주입, 필드 주입, setter주입 설정 필요

 

 

컴포넌트 스캔을 통해 어노테이션 지정 객체 생성

xml에서 Bean으로 등록되지 않은 클래스는 사용할 수가 없다.

 

@Component는 xml에 Bean으로 등록되지 않아도 스프링 컨테이너에 Bean으로 등록시킬 수 있다.

대신 xml에 <context: component scan base-package=" 베이스 패키지 "> 컴포넌트 스캔으로 Bean의 생성이 필요하다.

<context:annotation-config> 도 필요 없어진다.

<context:annotation-config> : 등록된 Bean에 대해서 어노테이션(@Autowired, @Qualifier) 활성화

 

 

Xml사용 없이 스프링 컨테이너의 관리 

@ComponentScan(" {base-package 패키지명, 패키지명 } ")  // 컴포넌트 스캔으로 Bean을 생성

@Configuration  //  내, 외부 라이브러리 Bean을 생성, 주로 외부 라이브러리 클래스 Bean 생성

 

@Bean  // 함수명이 id로 사용

반환 타입 class

return new 구현체

@Configuration
@ComponentScan({"com.ky.test"})
class Config{
    @Bean
    public RClass rc() {
        return new RClass();
    }
}

RClass로 생성해놓고, RClass가 구현하고 있는 interface에 @Autowired를 지정하면 자동 바인딩된다.

 

 

@Bean과 @Component 차이

@Bean - 외부 라이브러리 클래스를 Bean으로 등록할 때

@Component - 직접 설계한 class를 Bean으로 등록할 때

 

 

 


AOP

주 업무 로직과 공통 관점 로직을 분리하여 유지보수성, 응집도를 높인다.

로그 처리, 트랜잭션 처리, 보안 처리

 

Advice : 공통 관점 로직 적용 시점 - Befor, After, Around.. (어느 위치에 끼어들건지)

JoinPoint : 주 업무 로직 

PointCut : 적용 대상 JoinPoint 선별(위빙)

Weaving : 주요 관점에 공통 관점을 엮는 행위 

Aspect (Advisor) : 객체, 공통 관점 사항, Advice + PointCut (어떤 대상에, 어느 위치에)

 

 "(주 업무1)JoinPoint"에 "(PointCut1)"을 "weaving"하겠다. 

 

 

프록시를 이용한 aop 구현

xml

<proxy bean class="...ProxyFactoryBean" >

    <property name="target" ref= " aop 적용할 객체 ">

    <property name="interceptorNames">

        <list> 공통 관점 로직 구현 객체 </list>

 

공통 관점 객체는 인터페이스 구현 

MethodInterceptor - invoke 메서드 

MethodBeforeAdvice - before 메서드 

AtferReturningAdvice - afterReturning 메서드 ThrowsAdvice - afterThrowing 메서드 (처리할 예외 지정)

 

 

 


 

intellij 환경설정

 

프로젝트 설정: gradle project, web

톰캣 설정: add configuration - tomcat server - local - artifact 

* 톰캣 설정 후 gradle 빌드 설정

 

 

Artifact : 서버에서 실행할 파일, 프로젝트 결과물

archive

압축된 채로 배포, was에 의해 해제

한 개의 파일만 전송

 

exploded

압축 해제된 디렉터리 상태로 배포

원본 소스를 건드리지 않은 채로 배포

 

 

war, jar

https://server-engineer.tistory.com/315

 

JAR와 WAR

# JAR와 WAR JAR와 WAR와 EAR은 압축파일의 한 유형(Format)이다. # 단위 class < jar < war < ear # 확장자 - 일반파일 압축 :  zip - 클래스파일을 압축 : jar - 웹어플리케이션을 통째로 압축 : war - j..

server-engineer.tistory.com

 


프로젝트 설정 xml

web.xml

dispatcher-servlet.xml

applicationContext.xml

 

https://mrgamza.tistory.com/729

 

IntelliJ. spring-webmvc + gradle + tomcat. web application 구조로 만들기

이전에 글을 남길때는 gradle을 선택하고 Java만 선택한 이후에 web은 선택하지 않고 프로젝트를 세팅하였습니다. web을 선택하여서 main아래에 webapp이 노출되는 방식으로 한번 설명해 보겠습니다. Sp

mrgamza.tistory.com

 


 

servlet/jsp와 스프링의 차이

(1) 톰캣.xml에는 dispatcher-servlet만 올리고, dispatcher-servlet.xml에서 servlet, service, mybatis, security 설정을 한다.

톰캣은 모든 URL을 dispatcher-servlet에게 전달한다.

 

(2) 기존 Dispatcher & Controller 기능이 합쳐진 여러 개의 HttpServlet을 구현한 Servlet 상태에서

하나의 Front Controller Servlet만 두고 jsp로 향하는 Dispatcher forward를 담당하게 하고,

Contoller는 POJO JAVA로 구성하여 Model 데이터 처리를 진행 후 Model, View를 Front Controller로 돌려주게 한다.

 


 

URL pattern

스프링에서는 모든 URL요청이 dispatcher-servlet을 통해 요청과 응답이 돼야 한다.

하지만, pattern을 " / "로 지정하고  "jsp 경로"로 요청하게 되면 jsp 화면을 바로 보여준다. view를 바로 보여주면 안 된다.

그래서 pattern을 " /* "로 지정하고 모든 요청이 dispatcher-servlet을 무조건 거치게 한다.

 

이 과정에서 WEB-INF 경로 안에 dispatcher-servlet.xml에 URL과 매핑된 bean 있어야 한다. (물론 어노테이션도 가능)

* <bean> - id /URL (실제 controller의 경로가 아닌 URL) , 클래스/implements Controller 

해당 빈은 URL이 요청되면 Controller 인터페이스 ModelAndView handlerRequest 메서드를 호출한다.

 

pattern을 " /* " 사용했을 때도 문제가 발생한다. ModelAndView에서 View를 보여줄 때 jsp파일을 한번 더 요청을 하게 되는데

이때는 jsp 파일 경로로 접근해야 되는데 모든 요청을 distpatcher-servlet을 타게 했으므로 문제가 발생한다.

 

그래서 pattern을 다시 " / "로 만들어주고, URL에 매핑되는 컨트롤러가 없다면 webapp 파일을 이용할 수 있게 한다.

URL 우선순위: URL은 매핑된 contoller가 있다면 contoller를 실행하고, 없다면 webapp 파일을 요청한다.

여기까지는 기존 " / " pattern과 같다.

 

view를 바로 보여줄 수 없도록 하는 방법으로 WEB-INF 경로가 등장했다.

 

WEB-INF

비공개 영역. URL 요청이 view로 바로 접근할 수 없도록 숨긴다.

숨기는 이유는 controller에서 요청을 받아 처리하고, 페이지를 보여줘야 한다. view 페이지로 바로 접근하면 안 된다.

클라이언트에서는 접근이 불가능하고, 서버 쪽에서는 접근이 가능하다.

 

View Resolver

view 파일들의 경로가 길어졌다. 이를 해결하기 위해 만들어짐. view 경로의 복잡성을 줄인다.

view를 찾을 때 절대 경로로 찾게끔 만들어둔다.

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    <property name="prefix" value="/WEB-INF/views/"/>
    <property name="suffix" value=".jsp"/>
</bean>

 

static 파일

정적 파일들은 servlet이 아니기 때문에 default pattern도 뚫지 못하여, 경로로 요청해도 막힌다. (jsp는 되는데, html은 안되는 이유)

이를 해결하기 위한 방법이 있다.

설정하게되면 정적 파일을 클라이언트에서 요청할 수 있다.

<mvc:resources mapping="/**" location="/static/" />

 

기본적인 프로젝트 환경 설정이 완료되었다.

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형
반응형

 

ES5 와 ES6의 변화

 

템플릿 리터럴: console.log( ` 이름은 ${name} 나이는 ${age} `);   # 백틱

익명 함수 표현식 변경:  (a, b) => { console.log( a+b ); };   // 자바 람다식과 비슷

this: ES5에서는 window 객체를 말함, ES6에서는 자신을 둘러싸는 this를 말함

변수: let, const 추가

클래스: 클래스 키워드 추가, 생성자, 메서드, 상속, instanceof

 

 


 

 

 

https://github.com/newlecture/javascript-dom-programming-example

 

GitHub - newlecture/javascript-dom-programming-example

Contribute to newlecture/javascript-dom-programming-example development by creating an account on GitHub.

github.com

 

 

 


자바스크립트

 

✔ 데이터 타입

var과 let의 차이

var는 블록 스코프가 없다.   let은 있다.

var는 중복 변수 사용이 허용된다.(첫번째것 사용)    let은 허용되지 않는다.

var 사용은 자제

 

원시형 타입이 메서드를 사용할 때 순간적으로 Wrapper type이 되었다가

다시 원시형 타입으로 돌아온다.

 

Wrapper type: Boolean, Number(정수, 실수), String(문자, 문자열)

 

 

 

undefined & null

undefined: 선언만 하고 값이 할당되지 않은 상태

null: 빈 값이라고 명시

 

 

 

연산자

==  값의 비교  (타입 변경해서 비교)

===  값 & 타입의 비교

 

 

 

함수

자바스크립트에서는 함수도 객체의 일종

하나의 값으로 취급을 한다. 

함수가 다른 함수의 인수로도 넣어지고, 

함수를 리턴할 수도 있다.

 

(1) let f = new Function("매개 인자", "실행문;")

(2) let f = function (x, y) {  }      # 호이스팅 된다.

(3) function f(x, y){  }

(4) let f = (x, y) => {  }

 

함수의 매개 인자는 사실 큰 의미가없다. 전달 받아진 값은 전부 저장한다.

전달된 가변인자는 arguments[index]로 사용가능

 

특이한점

자바와는 다르게 변수를 전역으로 선언하고

함수 내부에서 매개변수로 넘겨주지 않아도, 해당 변수를 사용할 수 있다. (마치 Object처럼) 

변수를 전역으로 선언하면 어디서나 접근 가능 (while, if, else 뿐만 아니라 function에서도)

 

 

함수 즉시 실행 IIEF

(function( ){

})()

 

 

 

✔메서드

객체에 포함되어 있는 함수는 메서드라고 한다.

Math.floor()

 

 

 

배열

let arr = new Array()

let arr = []

한 배열에 여러 타입을 담을 수 있다.

 

메서드

length()

pop(), push(), shift(), unshift()

slice(start, end)

concat()

indexOf(), lastIndexOf(), includes()

 

for in 은 모든 프로퍼티를 순회하므로 성능 저하. 배열에서는 for of 사용 권장

 

 

 

Object (Map 형태)

let obj = new Object()

let obj = {}

객체는 key : value 프로퍼티를 저장한다.

 

let obj = {name: 'name'}

key: value  # 내부에서는 = 을 사용하지 않고 : 사용

 

다른 언어와 다르게 먼저 정의를 하지 않고 객체를 만든 이후 정의할 수 있다.

(1)   obj.math = 50; 

(2)   obj['math'] = 50 

 

Object의 프로퍼티 키는 항상 문자열이거나, 심볼형이어야 한다.

심볼은 유일성이 보장되는 자료형, 식별자로 사용된다.

함수도 프로퍼티로 저장할 수 있다.

 

this

자바스크립트 this는 런타임때 결정된다.

this가 있는 메서드를 사용하는 객체의 것을 사용한다.

** this 가 화살표 함수 안에서 사용되면 화살표 함수를 감싸는 함수의 this를 사용한다.

 

생성자 함수 

객체의 생성을 해주는 함수다.

규칙: 대문자로 시작, 생성할 땐 new Person()

 

 

 

Class

사용 방법은 자바와 굉장히 유사

 

캡슐화

getter & setter로 접근한다.

   get ---> instanceName.value1   set ---> instanceName.value1= 'value'

프로퍼티를 부르거나, 값을 할당할 때 get, set이 호출되어 사용하므로 캡슐화가 가능하다.

 

class test{
  constructor(value1) {
    this.value1 = value1;
  }

  get value1(){
    return this._value1;
  }

  set value1(value1){
    this._value1 = value1;
  }
}

주의점: get, set 함수 내부에서 this.value1를 사용하면 다시 get이 호출되고, 순환 참조가 발생하므로 this._value1를 사용

** 함수명은 필드 접근 방법이고, 내부적으로는 _value에 값을 저장

 

static

static 필드와 static 메서드가 있다.

 

상속

extends 키워드로 상속한다.

메서드 오버라이딩이 된다.  super() 키워드도 사용 가능

instanceof로 인스턴스 타입 검사도 가능

 

 

 

JSON(javascript object notation)

자바스크립트 오브젝트를 String으로 표현한 방식

표현식을 간단하게 할 수 있다. 사용 방법이 간단하여 다목적으로 사용됨.

 

문자열, 문자는 전부 ' ' 로 표기하는 것이 html " " 과의 충돌 방지가 된다.

 

object내부의 메서드, 심볼, undefined는 무시된다.

 

 

 

JSON 파서

JSON 데이터가 문자열로 왔을 때 사용한다.

 

eval()

eval("var aa = 50;")

eval("var bb =" + data + ";")

 

parse() 

json -> object

 

stringify()

JSON.stringify("{id : 50 , name = "cha" }") ==> {"id":50, "name" = "cha"}

object -> json

 

 

 

 


 

 

제어문

다른 언어와 제어문은 동일하다.

 

for Key in Object

[배열일 경우 index], [object일 경우 key]

 

for Element of Array

배열일 경우 사용 권장

 

 

 

 

호이스팅

<script> 지역내 모든 선언된 function은 상단에서 먼저 선언 된다. 

 

함수 표현식 - 값처럼 선언을 하면 먼저 선언되지 않고 실행 흐름에 맞게 선언된다.

블록 스코프 안에서 선언된 경우이다.

 

 

 

✔프로토타입

일종의 템플릿 객체

종류별로 해당되는 종류가 같이 공유하는 객체이다. 

따로 생성하지 않고, 하나의 프로토타입 메서드를 거치면 이용하면 효율적이기 때문이다.

Array.prototype.adddddd = () => "추가"

 

 

 


DOM을 다루기 전 준비

 

브라우저 객체(BOM)

window

window.history

window.location

window.document

 

DOM(Document Object Model)

BOM(Browser Object Model)의 하위

html 요소들을 객체화(js object)하여 js가 조작할 수 있게 함

 

요소 객체 정보 보기

console.dir(요소)

 


 

 

이벤트 조작

(1) html 속성에 이벤트 동작

html 태그에 속성 onclick = 함수() 

html에 스크립트 코드를 적어 사용하게 할 수 있다.

js 와 html 이 결합되어 좋은 방식은 아니다.

 

(2) id, class, name으로 접근하여 이벤트 동작

html과 js가 분리

 

 

 

JS 코드 초기화

(defer src 사용하면 쓰지않아도 된다.)

윈도우가 로드가 완료되었을 때 js를 로드 시킨다.

window.onload는 덮어씌우기 때문에 이전 js 파일을 동작시키지 않는다.

addEventListener는 중복으로 정의해도 누적되어 정상동작한다.

window.addEventListener("load", function(){ // load 이후 동작, 여러 load를 누적시킨다.
         
            };
});

 

 

JS 코드 분리

<script defer src =" js파일 경로 "  ></script>

 


노드

 

노드의 Type

document(노드의 최상위)

document type - 옛날에는 DOM type이 여러개였다.

element(태그) - attr(태그안 속성), entity(예약어 - lt, gt < >), entityReference(예약어 사용 보조 & ;), text

comment - 주석

cdata section(예약어를 많이 사용할 때 감싸서 편하게 사용)

notation(속성의 값 - #ffff,px)

 

 

 

✔ 노드 선택

querySelector()   첫번째 하나만 가져옴

querySelectorAll()   배열로 전부 가져옴

 

클래스 선택: document.querySelector(".class")

id 선택: document.querySelector("#id")

태그 선택: div1.querySelector("태그") 

태그 속성 선택: document.querySelector("input[name='x']") 

 - css 셀렉터 방식이 된다.

 

 

지역화 노드 선택

let qs = querySelector() 를 통해 (지역화를 시키고)

qs.querySelector()를 통해 자식 노드를 가져올 수 있다. (지역화 내에서 가져오기)

 

id - 유일

("#id")

class - 여러개 지정 가능

(".class")

name - 여러개 지정 가능

(input[name="name"]) 

 - id로 지역화 시키고, class, 태그를 사용하는 방식

 

 

 

노드의 부모, 자식

parentElement: 부모 노드로 이동할 수 있다. 자식 노드 전부 포함

childNode: Element, 공백, 주석, 텍스트도 모든 Node로 포함

children: Element만 자식으로 포함

배열로 사용된다.

 

 

 

 

노드 추가

노드 생성 기능은 document 객체가 갖고 있다.

태그, 텍스트를 주로 생성한다.

 

 

append(텍스트 or 노드 ...)

appendChild는 인자로 노드만 받는다.

 - 배열을 추가해도 자식 노드의 가장 아래에 붙기 때문에 array 순서가 맞는다.

 

 

 

innerHTML 이용 (사용 권장 x)

innerHTML += 은 가져온 후 수정한 후 돌려준다.  이 방식은 성능 이슈를 일으킨다.

 

매번 노드를 create하는 방식 보다 innerHTML을 이용해서 생성

let new1 =  '<a href="">' + data + '</a>';

var li2 = document.createElement("li");

li2.innerHTML = new1;

div.append(li2);

 - 가장 밖 태그를 document.create로 만든 후 innerHTML로 붙여주는 방식

 

 

 

insertAdjacentHMTL

append()와 같이 문자열을 html로 만들어 준다.

let str = '<li><p>text</p></li>';

ul1.insertAdjacentHTML("afterbegin", str);

 - append(), insertAdjacentHMTL()가 유용

 

 

 

✔ 노드 삭제

노드.remove()

부모를 통해 접근하지 않고 바로 지울 수 있다. 

하위 노드들도 모두 삭제

 

 

 

노드 복제

cloneNode(true) - 내부 태그까지 전부 복사한다.

cloneNode(false) - 껍데기만 복사한다.

 

template

복사할 태그가 없을 수도 있으므로 html <template></template> 태그를 이용해줄 수 있다.

template 태그는 화면에 보이지 않고, 복제를 위해 이용된다.

template 태그 하위를 querySelector를 쓰려면 .content를 사용해야 한다. 또는 importNode

 

 

 

노드 삽입 및 대체

모든 노드 선택              태그 노드만 선택

parentNode               parentElementNode

firstChild                     firstElementChild

lastChild                      lastElementChild

previousSibling        previousElementSibling

nextSibling                 nextElementSibling

 

부모노드.insertBefore(삽입 노드, 기준 노드) // 기준 노드 앞에 insert

 

 

기준노드.insertAdjacentElement(position, node)

position - beforbegin, <target> afterbegin, beforeend, </target> afterend

 

 

insertAdjacentElement, insertAdjacentHMTL

자주 사용되고 편하다.

 

 

 

HTML 태그 이용 & CSS스타일 변경

node.src = 경로

일반적으로 HTML의 속성과 노드 속성의 이름이 일치한다.

 

node.style.border = "100px"

css는 style을 명시해줘야함

 

카멜 케이스로 css style 변경 가능 (수치 단위도 같이 넣어줘야한다.)

img.style.borderColor = "#ffffff"


이벤트 객체

 

✔ 이벤트 객체에 따라서 갖고 있는 기능이 다르다.

keyboardEvent, inputEvent, mouseEvent, focusEvent, compositionEvent

상위 인터페이스인 Event를 전부 상속 받았다.

 

 

target (이벤트 발생 정보)

클릭이 발생하면 event 객체가 전달된다. 이벤트 객체에는 이벤트의 정보가 있다.

function(event){

    event.target.태그

}

 

 

이벤트 버블링

하위 태그를 클릭하면 상위 태그들에게도 이벤트가 전파된다.

상위 태그로 전파되므로 상위 태그에서 이벤트를 잡아서 처리하면 여러 하위 태그의 이벤트를 한번에 처리해줄 수 있다.

event 객체가 클릭된 하위 태그 정보를 갖고 있다.

 

 

e.target.classList.contains("사용할 class")

bookBinding.addEventListener("click", (event) => {
  if(!event.target.classList.contains("loanBtn"))
    return;

특히, 동적으로 생성된 HTML에 addEventListner는 동작하지 않는다.

이벤트 버블링으로 동적 생성 되지않은 태그에서 이벤트를 처리해주어야 한다.

 

 

버블링 멈추기 & 태그 기본행위 막기

event.stopPropagation() 

상위태그로의 전파를 차단한다.

 

event.preventDefault()

a태그는 page load가 기본 행위, 이를 막아줄 수 있다.

 

 

 

이벤트 트리거

<input type="file"> 인 경우 브라우저에 따라 모양이 다르게 나온다.

일관되게 보이도록 다른 UI버튼을 만들어 <input type="file"> 이 동작하게 만든다.

 

트리거버튼.onclick = function(){

    var event = new MouseEvent("click", {

        'view' : window,

        'bubbles' : true,

        'cancelable' : true

    });

    트리거대상.dispatcherEvent(event);

};

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

[JS] 콜백 함수, Promise, async-await  (0) 2022.09.05
반응형

 

 

Mysql은 Oracle과는 다르게 rownum을 지원하지 않아서 커스텀으로 만들어서 사용해줘야 한다. 

함수를 사용하여 rownum을 지정해줄 수도 있다.

 

  • 커스텀 rownum
  • 함수 row_number()

 

 


 

커스텀 rownum

 

select @rownum:= @rownum + 1 as rownum, t.* 
from table1 t, (select @rownum := 0) r;

 



select rt.* 

from (
select @rownum:= @rownum +1 as rownum, t.* 
from table1 as t, (select @rownum := 0) as r 

) as rt
where rt.rownum between 2 and 4;

 

 


 

select rt.* 

from (
select @rownum:= @rownum +1 as rownum, t.* 
from table1 as t, (select @rownum := 0) as r

) as rt
order by rt.age;

 

 

부속질의로 사용 시 rownum을 만들고 order by를 하면 순서가 뒤바뀔 수 있다.

 


 

select @rownum:= @rownum +1 as rownum, t1.* 
from (
select t.* 
from table1 as t
    order by age desc
) t1, (select @rownum := 0) as r
order by t1.age;

 

 

order by 이후에 rownum을 만들어 주자.

 


row_number() 함수 (Mysql 8버전 이상)

 

select row_number() over (order by t.age desc) as rownum, t.*
from table1 t;

 

 


 

select row_number() over (order by t.age desc) as rownum, t.*
from table1 t
where t.rownum between 3 and 10;

 

해당 쿼리는 동작하지 않는다.

from -> where -> select 순서로 동작하므로 where 에서 select에서 동작하는 rownum을 알아볼 수 없다.

 


 

select rt.* 
from (
select row_number() over (order by t.age desc) as rownum, t.*
from table1 t
) as rt
where rt.rownum between 3 and 10;

 

부속질의를 활용해서 rownum이 생성된 이후에 사용해야 한다.

반응형
반응형

톰캣 (WAS)

tcp/ip 소켓 연결관리, http 프로토콜 해석 등 프로그래머가 웹 구현을 쉽게할 수 있도록 기능을 제공해준다.

또한 서블릿 컨테이너를 관리한다.

 

서블릿, 스레드를 관리한다.

스레드로 URL 요청에 맞는 서블릿을 실행시킨다.

URL를 보고 해당되는 서블릿의 service()를 호출 

* 스프링에서의 동작은 URL을 단순히 Dispatcher Servlet에게 전부 준다.


 

서블릿

 

톰캣은 HttpServlet 을 상속한 servlet들을 알아보고 관리한다. (HttpServletRequest, HttpServletResponse)도 생성해준다.

extends HttpServlet

service()

 

service()에서 get, post를 처리해주던지, service()이후에 doGet(), doPost()를 정의

service()를 정의하지않고, doGet(), doPost()만 해주어도 가능하다. (HttpServlet) 상위에서 실행된다.

 

 


 

필터

서블릿 이전에 동작

 

[before servlet]

chain.doFilter(req, res) // 서블릿 동작

[after servlet]

 

@WebFilter("/")

 

 

 


 

JSP(jasper)

 

서블릿에서 동적인 html 페이지를 만들기 어려워서 등장한 것이 jsp

jsp도 서블릿을 상속받은 서블릿 구현체이다.

 

서블릿에서 html을 만들어서 writer로 응답해줄 수 있다.

request.setCharacterEncoding("UTF-8"); // 톰캣 인코딩
response.setCharacterEncoding("UTF-8"); // 인코딩
response.setContentType("text/html; UTF-8"); // 브라우저 디코딩

 

PrintWriter pw = response.getWriter();

pw.println(" html문서 작성하기 <br> ");
pw.println(" html 문서 제목 : html ");

 

Servlet에서 html코드를 작성하면

pw.println을 라인마다 전부 작성해줘야 하기 때문에 불편하다.

 


 

 

<%@ %> - 지시 블럭 (가장 먼저 설정됨)

<%! %> - 전역

<% %> - service() 내부

<%= %> - 출력을 위해 사용

 

JSP 위치

web-inf (비공개로 클라이언트가 바로 요청 불가능)

 

매핑

web. xml ==>  servlet mapping으로 url 패턴에 맞게 servlet class 를 호출 [WAS가 URL에 맞는 매핑을 찾아서 호출]

어노테이션 ===>  @WebServlet()

 


 

model 1 (JSP 한페이지에서 MVC를 물리적으로 나누는 방식)

 

[Controller]  jsp 위쪽은 자바코드 입력과 제어를 처리, model에 데이터를 저장

         ▼

   [Model]  자바코드를 통해 동적으로 보일 데이터

         ▼

    [View]  jsp 아래쪽은 html + model 데이터를 출력

 

 

 

model 2 (MVC를 servlet, JSP 로 분리)

 

[Controller]  실질적인 매핑 servlet은 하나만 만들고 Contoller(데이터 제어)는 pojo로 구현 ===> dispatcherServlet

         ▼

   [Model]  request 객체를 이용하여 저장, 전달

         ▼

    [View]  jsp는 제어 코드가 없는 view에 집중

 

 


 

 

Forward Redirect

Servlet에서 Servlet으로 이동하는 방식

 

(1) forward ==> request, response 객체를 공유함

사용자가 요청한 정보가 응답페이지에서도 유효하다.

새로고침 시 같은 정보가 계속 생성될 위험. 데이터 생성 서블릿을 한번 더 수행함 

URL이 바뀌지 않는다.

* request.getRequestDispatcher("webapp 이하 경로").forward(request, response)

 

(2) redirect ==> request, response 객체가 새로 생성됨

request, response 객체가 새로 생성됐기 때문에 새로고침을 해도 최초의 생성하는 request가 소멸되어 동작하지 않음

URL를 redirect URL로 바꾼다. 서버에 여러번 요청하게 된다.

* request.sendRedirect("location") 

 

 

https://mangkyu.tistory.com/51

 

[Web] Forward와 Redirect 차이

웹은 현재 작업중인 페이지에서 다른 페이지로 이동하기 위해 2가지 페이지 전환 기능을 제공합니다. 오늘은 2가지의 페이지 전환 방법의 차이와 사용법에 대해 알아보도록 하겠습니다. 1. Forward

mangkyu.tistory.com

 


 

 

EL (EL 태그는 값과 연산자를 사용할 수 있지만, 반복문같은 작업은 불가능)

request.getAttribute("data") ===> ${data}

List, Array ===> ${data[0]}

Map ===> ${data.key}

 

EL 태그 내부에서 연산자도 사용할 수 있다.

 

데이터 저장 4가지 방법

EL 데이터 명에 맞는 데이터를  page --> request --> session --> application 순으로 찾는다.

데이터 명이 겹칠 때 데이터명이 존재하면 그 값을 사용, 더 이상 찾지 않는다.

겹치게 될 경우 ${pageScope.data} ... Scope 를 붙여서 사용

 

dto를 이용할 경우

dto 객체의 getXXX() 메서드를 이용해서 값을 가져온다.

${dto.xxx}

 


 

JSTL

반복문을 사용할 수 있게 한다.

HTML이 JSTL문법인 것을 인지하도록 태그를 써줘야 한다.

 

속성

forEach

var - items의 변수

items - servlet 통해 가져온 데이터

varStatus - 상대값을 활용할 수 있다. 

 

https://postitforhooney.tistory.com/entry/JSPJSTL-JSTL-foreach%EC%97%90%EC%84%9C%EC%9D%98-varStatus-%EC%86%8D%EC%84%B1-%EC%9D%B4%EC%9A%A9

 

[JSP/JSTL] JSTL, foreach에서의 varStatus 속성 이용

JSTL : foreach에서의 varStatus 속성 태그 상태 속성 입니다. 속성을 이용해서 제어하면 좀더 쉽게 제어할수있습니다. ${status.current}      <!– 현재 아이템 –> ${status.index}      <!– 0부터..

postitforhooney.tistory.com

 

 

forTokens

delim - 구분자를 넣어줄 수 있다.

 

 

format

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

LocalDateTime format

<fmt:parseDate value="${ time }" pattern="yyyy-MM-dd" var="parsedDateTime" type="both" />
<fmt:formatDate pattern="yyyy-MM-dd" value="${parsedDateTime}"></fmt:formatDate>

number format

<fmt:formatNumber pattern="###.0000##" value="123.33"/>

 

 

functions

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

${ fn:toUpperCase(value) }

 

 


 

비즈니스 레이어

 

Controller : URL 에 맞는 Service 매칭

Service : 업무서비스 Transaction

Repository : DB CRUD

 

 


 

POST 요청으로 여러값을 받을 때 배열로 받는다.

[] = request.getParameterValues(" name ");

 

하나의 form에 버튼이 여러개일때

request.getParameter(" btn name ");

button value로 분리해서 처리

 

 


파일업로드

 

html

인코딩 방식 변경 enctype = " multipart/form-data "  // 파트를 나눠서 받는다. 문자는 문자로, 파일은 파일로

 

Servlet도 멀티파트로 변경한다.

@MultipartConfig(

location = "/tmp",  // 임시 저장 디스크

fileSizeThreshold = 1024*1024,  // 1MB 이상이면 디스크 사용

maxFileSize = 1024*1024*5,  // 하나의 파일 사이즈 제한

maxRequestSize = 1024*1024*5*5   // 전체 파일 사이즈 제한

)

 

Part filePart = request.getPart(" file 지정 name ")  // 파일을 받는 Part를 얻는다.

InputStream is = filetPart.getInputStream() // 얻은 filePart를 InputStream에 담는다. 

 

저장할 경로 생성

상대경로로 물리경로 얻기request.getServletContext().getRealPath("/upload")

FileOutputStream fos = new FileOutputStream (경로);

 

byte[] buf = new byte(1024);

int size = 0;

while( (size = is.read(buf) ) != -1)   // 읽을게 없으면 -1 반환

   fos.write(buf , 0 , size);

 

is.close()

fos.clos()

 

 

 

 

 


JSP

${   }

4가지 영역

 

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=milkoon1&logNo=220860106284 

 

[IT지식] JSP 속성변수(pageContext, request, session, application)들의 참조 범위

JSP 영역이란? 한개 이상의 JSP가 모인 그룹을 뜻한다 영역의 종류는 [ PageContext / Request / ...

blog.naver.com

 

 

 

 

 

 

 

 

반응형

'프로그래밍 > Servlet \ JSP' 카테고리의 다른 글

WAS의 역할과 JSP, 서블릿 개념  (0) 2022.05.06
반응형

 

 

package singletoneTest;

public class Object1 {
    private static Object1 o; // 싱글톤
    private static int oNumber; // 상태 저장

    public static Object1 getInstance(){
        if(o == null)
            o = new Object1();
        return o;
    }

    public int func(int n){
        try {
            Thread.sleep(1);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return n;
    }

    public int sfunc(int n){
        oNumber = n;
        try {
            Thread.sleep(1);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return oNumber;
    }
}

 

Object1 클래스는 싱글톤으로 사용

 

func()함수 - 입력받은 n을 return

sfunc()함수 - 입력받은 n을 oNumber 필드에 대입하고 oNumber를 return

 

 

 

 

public class MainClass1{
    public static void main(String[] args) {
        Thread t1 = new Thread1();
        Thread t2 = new Thread2();
        Thread t3 = new Thread3();

        t1.start();
        t2.start();
        t3.start();
    }
}

class Thread1 extends Thread{
    private int number = 1;
    @Override
    public void run() {
        while(true){
            Object1 o = Object1.getInstance();

            int n = o.func(number);
            System.out.println(n + " Thread1 의 넘버");
            int n1 = o.sfunc(number);
            System.out.println(n1 + " Thread1 의 넘버, 상태 공유 사용할 경우");

            try {
                Thread.sleep(500);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

class Thread2 extends Thread{
    private int number = 2;
    @Override
    public void run(){
        while(true){
            Object1 o = Object1.getInstance();

            int n = o.func(number);
            System.out.println(n + " Thread2 의 넘버");
            int n1 = o.sfunc(number);
            System.out.println(n1 + " Thread2 의 넘버, 상태 공유 사용할 경우");

            try {
                Thread.sleep(500);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

class Thread3 extends Thread{
    private int number = 3;
    @Override
    public void run(){
        while(true){
            Object1 o = Object1.getInstance();

            int n = o.func(number);
            System.out.println(n + " Thread3 의 넘버");
            int n1 = o.sfunc(number);
            System.out.println(n1 + " Thread3 의 넘버, 상태 공유 사용할 경우");

            try {
                Thread.sleep(500);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

 

3개의 쓰레드를 생성한 후 

각 쓰레드는 자신의 number 변수를 func(), sfunc() 메서드에 각각 넣은 후 출력

 

 

 

 

 

 

sfunc() - 자신의 번호를 출력하지 못하는 문제가 발생

이유는 공유 변수 oNumber가 스레드에 안전하지 않기 때문이다.

 

func() - 자신의 번호에 맞게 정확하게 출력한다.

 


 

스레드가 생성되면 스택이 새로 생성되고, 생성된 스택에서 메서드를 호출하여 사용한다.

각 스레드 스택의 스택 프레임은 지역 변수들이 사용된 후 소멸한다.

지역 변수가 Heap영역을 참조하여 사용한다면 공유 데이터 사용에 주의해야한다. (싱글톤은 공유 데이터를 갖지 않는 것이 원칙)

 

sfunc() - Object1의 상태 데이터(공유 데이터)를 사용하므로 스레드에 안전하지 못하다.

func() -  Object1의 메서드만 사용하고 지역 변수는 자신이 넘겨주므로, Heap의 상태 데이터(공유 데이터)는 사용하지 않아 스레드에 안전하다.

 

 

 

Thread Safe

 

(1) 인스턴스 데이터를 사용하지 않는다. (싱글톤)

싱글톤 객체를 여러 쓰레드에서 사용할 때는 Heap의 인스턴스 데이터(상태 데이터)를 사용하지 않게 설계해야한다.

데이터는 스레드가 넘겨주고, Heap의 인스턴스는 메서드만 사용한다.

 

(2) 스레드마다 인스턴스를 생성하여 사용한다. (프로토타입)

Heap의 인스턴스 데이터를 사용해야 하는 경우엔 스레드마다 사용하는 인스턴스를 새로 생성하여 사용한다.

사용자에 따라 상태 정보가 달라지는 DTO, Entity가 싱글톤이 아닌 이유이기도 하다.

 

(3) Lock을 걸어서 다른 스레드가 접근하지 못하게 한다.

 

 

 

 


 

반응형
반응형

 

gradle을 이용해서 validation jar파일을 의존성 추가 해준다.

 

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-web'
    implementation 'org.springframework.boot:spring-boot-starter-aop'
    implementation 'org.springframework.boot:spring-boot-devtools'
    implementation 'org.springframework.boot:spring-boot-starter-validation:2.6.6'

 

 

implementation 'org.springframework.boot:spring-boot-starter-validation:2.6.6'

 

 


Parameter validation

클래스에 @Validated를 추가하고, 매개변수에 @Size를 지정하여 유효성 검증을 할 수 있다.

 

@RestController
@RequestMapping("/api")
@Validated
public class GetController {
    
    @GetMapping("/get")
    public String val(@Size(max = 5) @RequestParam String name){
        return name;
    }

 

 

 

DTO validation

 

dto model 객체에 validation 어노테이션을 이용해 유효성 검증을 진행할 객체 속성에 추가해준다.

예외가 발생했을 경우 message를 이용해서 사용자에게 검증 실패를 알릴 수 있다.

 

@Getter
@Setter
@ToString
@NoArgsConstructor
public class Dto {

    @Size(min = 2, max = 10, message = "이름은 2~10자 여야 합니다.")
    private String name;
    @Email(message = "이메일 형식이 맞지 않습니다.")
    private String Email;


}

 

 


 

validation.BindingResult 객체를 이용해서 dto model에 적용한 유효성 검증이 알맞게 들어왔는지

인터셉터처럼 동작해서 확인해줄 수 있다.

 

hasErrors()를 이용해서 에러가 발견된다면 모든 에러 메세지를 StringBuilder에 추가한 후,

ResponseEntity 를 이용해 결과를 반환하게끔 했다.

 

BindingResult는 AOP처리해줄 수 있다.

 

@RestController
@RequestMapping("/val")
public class VController {

    @PostMapping("/dto")
    public ResponseEntity createDto(@Valid @RequestBody Dto dto, BindingResult bindingResult){
        StringBuilder sb = new StringBuilder();

        if(bindingResult.hasErrors()){
            List<ObjectError> allErrors = bindingResult.getAllErrors();
            allErrors.forEach((error) -> {
                sb.append(error.getDefaultMessage()).append(" ");
            });
            return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(sb.toString());
        }

        System.out.println(dto);
        return ResponseEntity.status(HttpStatus.CREATED).body(dto);
    }

 

 


 

@AssertTrue

직접 유효성검증 함수를 만들어줄 수 있다.

true면 정상적으로 동작하고, false면 HTTPSTATUS.400 error가 발생한다.

 

@AssertTrue(message = "이름은 6자 이하여야 합니다.")
public boolean isNameValidation(){
    if(this.name.length() >= 7)
        return false;
    return true;
}

 

 


 

@RestControllerAdvice

Controller일 경우 @ControllerAdvice

Global하게 지정할 경우 클래스에 어노테이션 추가

Global로 동작하지 않게 basePackage, baseClass 지정가능

 

@ExceptionHandler 

value에 지정된 예외가 발생하면 해당 메서드가 동작한다.

매개변수로 예외를 조작할 수 있다.

컨트롤러에 메서드를 만들어서 해당 컨트롤러에서만 동작하도록 할 수 있다.

 

@RestControllerAdvice
public class GlobalAdvice {

    @ExceptionHandler(value = Exception.class) // 예외 잡기
    public ResponseEntity ex(Exception e){
        e.printStackTrace();

        return ResponseEntity.status(HttpStatus.OK).body("예외잡기");
    }
}

 

 

 

 

예외를 일부러 발생시켰다.

@RestController
@RequestMapping("/adv")
public class AController {

    @GetMapping("/get")
    public String get() throws Exception{
        throw new Exception();
    }
}

 

 

 

예외가 글로벌Advice, @ExceptionHandler에 의해 처리되고, Body에 지정한 값을 응답하며 정상 동작한다.

 

 

 


 

반응형

+ Recent posts