1. 시작

1. 기본 정보

1. JDK 17
2. Tomcat 10
3. Maven
4. ts, scss
5. SPA
6. 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-sass 설치
npm install -g node-sass

3. scss watch 실행 명령어
sass --watch ./:../../server/ROOT/css

-----

[ts 설치]
npm install -g typescript  //Global 설치 (폴더에 종속 X)
tsc -v                     // type script compiler version 확인
tsc --init                 //ts 폴더로 이동 후 진행, tsconfig.json 파일이 생성되면 거기에 옵션 추가 가능
tsc --watch                //옵션에 따라 자동 Compile 진행

//tsconfig.json 파일
{
  "compilerOptions": {
    "strict": true,
    "module": "ES6",
    "moduleResolution": "Node",
    "lib": ["dom", "ES6"],
    "target": "ES6",
    "outDir": "../../server/ROOT/js", //Compile된 js파일이 저장될 디렉토리
    "esModuleInterop": true,
    "watch": true                     //Watch 옵션 사용 여부
  },
  "exclude": ["node_modules"],
  "include": ["src/**/*"]
}