주정뱅이 개발자

9. Fetch & XMLHttpRequest

1. 설명 Jquery를 통해 Ajax를 구현하지 않고, Ajax의 대표적 Api인 Fetch와 XMLHttpRequest를 사용한다. Javascript의 Fetch 메소드를 사용하여 Get, Post 통신을 진행한다. 파일의 업로드 XmlHttpRequest를 통해서 진행하고 다운로드는 Fetch 메소드의 Get을 이용한다. 2. Fetch window.fetch로 사용하였으나, 그냥 fetch로도 사용할 수 있다. Promise 기반의 메소드 Fetch의 파라미터 정보 Url : Api 주소 Option : 추가적으로 전송할 데이터 method : Get / Post / Put / Delete ( Http Method ) headers : 헤더에 들어갈 정보들, Object 형식이다. Respons..

8. Query Generator

1. 설명 지금까지는 쿼리를 일일히 다 작성하였지만, 이제 자동으로 CRUD 쿼리를 자동으로 만들어주도록 한다. 특정 테이블 클래스를 보고 컬럼들을 가져올수도 있지만, 우리는 schema.json 이라는 파일에서 모든 테이블과 컬럼들을 정의하고 있기때문에, schema.json을 참조하여 쿼리를 생성한다. 이제 쿼리를 일일히 작성하지 않아도 손쉽게 쿼리를 호출할 수 있다. 2. schema.json 차후 schema.json 파일을 기준으로 어플리케이션 실행시 마다 DB Update를 진행하게될 예정이다. REF는 참조하고있는 컬럼을 의미한다. 규칙은 [Table Name]_ID 이다. schema.json [ { "name": "PASSWORD", "columns": [ { "name": "USER_I..

7. LocalThread & Transaction ( Runnable )

1. 설명 이제 LocalThread를 이용해 사용자 정보를 저장하고 사용한다. Filter에서 LocalThread의 초기화를 선언하여 초기화를 진행하고, 사용자의 정보를 LocalThread의 User에 저장한다. 그리고 트렌젝션 처리 여부를 결정하는 Transactional 어노테이션이 있으면 Transaction의 run() 메소드를 실행시켜 runnable 인자로 실행할 메소드를 전달한다. LocalThread의 설명은 아래 포스팅 참조 ThreadLocal 1. ThreadLocal 이란? 쓰레드 단위로 로컬 변수를 할당하는 기능 쓰레드 영역에 변수를 설정하기 때문에, 해당 쓰레드가 실행하는 모든 코드에서 그 값을 사용할 수 있다. ThreadLocal에 보관된 데이터 pinokio5600.t..

6. Annotation

1. 설명 이제 로그인이 필요한 페이지와 아닌 페이지를 관리하기위해 어노테이션을 만들어보자. @isPublic 어노테이션은 boolean 값을 가지며 사용자들의 접근을 관리한다. 2. Create Custom Annotation @Retend : Compiler가 Annotation을 다루는 방법 정의 (어느 시점까지 영향을 미치는지 정의) RetentionPolicy.SOURCE : Compile 전까지만 유효 RetentionPolicy.CLASS : Compiler가 Class를 참조할 때까지 유효 RetentionPolicy.RUNTIME : Compile 이후 Runtime시기에도 JVM에 의해 참조 가능 @Target : Annotation을 적용할 위치 ElementType.PACKAGE E..

5. JNDI : DB Connect

0. JINDI란? 네이밍 서비스로 부터 제공하는 데이터 및 객체를 발견하고 참고(Lookup) 하기 위한 자바 API 작성된 응용프로그램에 이름 지정 및 디렉토리 기능을 제공 WAS단에서 DB Connection 객체를 미리 네이밍 해두는 방식 DB Conncetion Pool을 효율적으로 사용 가능 DB Connection을 WAS단에서 제어하면서 서버에서 하나의 Connection Pool을 가진다. 1. 설명 이 프로젝트에서는 MyBatis를 사용하지 않기때문에 JNDI를 이용하여 직접 DB와 연결한다. Servlet에서 DB연결을 테스트할 수 있는 TestConnection 메소드를 만든다. 2. 초기 세팅 먼저 의존성을 추가해주고, DB를 미리 생성해 둔다. 그 다음 DB연결 정보를 conte..

4. Router (Dynamic Import & Create Class)

1. 설명 URI에 따라 보여야되는 화면을 만들어주는 Router를 만든다. URI 마다 하드코딩으로 넣어주기는 힘들기 때문에 URI를 가지고 동적으로 맞는 클래스를 찾아주고, 그 클래스를 Import까지 해주는 기능이 필요하다. 그래서 Filter에서 Js파일을 내려줄때 수정을 해서 내려주도록 한다. 또한 Router는 뒤로가기 기능 지원을 위해서 History를 관리하도록 한다. 2. History 뒤로가기가 아니면 URL이 변경될때 마다 History에 URL을 넣어준다. router.ts export const Router = { application : new Map() , init : (application : Application) => { //나중에 다른 메소드에서 화면 갱신을할때 사용할 ..

3. Filter > Controller, Css

1. 설명 Css파일을 가져오는 로직을 만들기 전에, Css는 CssController에서 내려주게끔 개발할 것이다. 그러기위해 Controller를 먼저 개발한다. Controller 구현을 위해, ControllerFinder와 ControllerProfile을 만든다. ControllerFinder는 패키지내에 있는 Controller 클래스들을 찾아주고, ControllerProfile은 Request로 넘어온 파라미터들을 /[Controller]/[Method]/[Parameter] 형식으로 분석해준다. 여기서 요청은 "/css/all" 이다 2. ControllerFinder 모든 Controller들을 찾아서 controllers라는 Map에 담아준다. class ControllerFinde..

2. Filter > Js

1. 설명 기본 Maven 프로젝트를 만들었다면, 이제 js파일들을 가져오는 부분을 Filter쪽에서 구현해주도록 한다. Filter에 대한 설명은 아래 포스팅을 참조 Filter 와 Interceptor [Filter vs Interceptor] 1. Filter는 Spring 범위 밖(Web Container)에서 처리되고, Interceptor는 Spring 범위 안(Spring Container)에서 처리된다. 2. Filter는 공통된 보안작업, 모든 요청에 대한 확인, 이미지&데이터 압축 pinokio5600.tistory.com 2. Tomcat에 Filter 세팅 filter를 사용하기 위해 web.xml에 filter태그에 Filter로 사용할 Class를 넣어주고, filter-mapp..

1. 시작

1. 기본 정보 JDK 17 Tomcat 10 Maven ts, scss SPA Mysql 2. 설명 Java와 Maven만 사용해서 새로운 솔루션을 만드는 프로젝트. 다른 프레임워크를 사용하지 않기 때문에, 대부분 직접 구현을 진행한다. 프론트는 ts와 scss를 사용하기 때문에 Intellij terminal에서 각각의 폴더에 설치를 진행해준다. 후에 Complie은 watch 명령어로 자동 Compile되게 한다. SPA 이기 때문에 index.html이 유일한 페이지이고, 디렉토리 구조는 Tomcat의 디렉토리 구조를 따라가기로 했다. 3.sass, ts 설치 명령어 (설치 후 기억나는대로 적어서 빠진부분이 있을 수 있다.) 1. sass 설치 npm install -g sass 2. node-s..