기타

[Vue, Spring] 기본 파일 역할 정리

cha430 2025. 7. 23. 17:29

🗂️ Vue 프로젝트


 

jsconfig.json 경로 작성 간소화, 에디터 자동완성 { "compilerOptions": {
"baseUrl": "src", "paths": {
"@/*": ["*"]
}
}
}
경로 작성 간소화, 에디터 자동완성
자바스크립트 파일 경로 자동완성이나 경로 오류 방지를 위한 설정 파일이에요. (VSCode 등에서 편하게 작업하려고 씀)
package.json
/ package-lock.json
의존성 및 스크립트 관리 "scripts": { "dev": "vite", "build": "vite build" } npm 의존성 버전 고정·설치, 빌드/테스트 명령
package.json : 어떤 라이브러리를 쓰는지, 프로젝트 이름, 실행 명령어 같은 정보 담겨있음 (프론트엔드의 "기본 정보 + 설치 목록")
package-lock.json : 정확한 버전 정보 기록
vite.config.js Vite 설정 import vue from '@vitejs/plugin-vue';
export default { plugins: [vue()], resolve: {
alias: { '@': '/src'} } }
개발 서버, alias, 프러그인 선언
vite라는 빌드 도구 설정 파일. 어떻게 앱을 빌드하고 실행할지 설정
 

🗂️ Vue 공통 스크립트 (src/assets/common/js)


common.js 전역 함수/상수 정의
공통 함수 모음
export function formatDate(date) { ... } 여러 컴포넌트에서 재사용 가능한 유틸 제공
SessionInfo.js 클라이언트 세션 데이터 관리 export function getToken() { return sessionStorage.getItem('token'); } 로그인 등 세션 상태를 일관되게 관리
 

 


🗂️ Spring 프로젝트 최상위


build.gradle Gradle 의존성 및 빌드 설정 dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' } 백엔드 모듈 빌드·패키징·라이브러리 선언
의존성 추가, 빌드 설정
src/main/resources/application.yaml 애플리케이션 설정 server.port: 8080; spring.datasource.url: ... 포트, DB, 로깅 등 환경 설정
logback-spring.xml 로그 레벨 및 포맷 설정 <logger name="com.example" level="DEBUG"/> 로깅 관리
로그 형식, 저장 위치 설정
log4jdbc.log4j2.properties DB 쿼리 로깅 설정 log4jdbc.spylogdelegator.name=net.sf.log4jdbc.log.slf4j.Slf4jSpyLogDelegator JDBC SQL 로그 모니터링
SQL 로그 보기 쉽게 설정
 

🗂️ common/config (Spring 설정 컴포넌트)

 

ApplicationContextProvider Spring Context 접근 헬퍼 static getBean(...) 메서드 제공 비Spring 코드에서 빈 참조 시 유용
Bean을 코드로 꺼내 쓸 때
DataSourceConfig DB DataSource Bean 설정 @Bean DataSource dataSource() { ... } 커넥션 풀, 트랜잭션, 복수 DB 연결 관리
MvcConfiguration Spring MVC 설정 addCorsMappings(), addResourceHandlers() CORS, 정적 리소스, 메시지 변환 설정
웹 관련 설정 (인터셉터 등)
SessionListener HTTP 세션 리스너 등록 implements HttpSessionListener 세션 생성·소멸 이벤트 처리
세션 시작/종료 감지
 

🗂️ common/utils (유틸리티 클래스)

 

SessionInfo 서버 측 세션 관련 정보 헬퍼 public static Optional<User> getCurrentUser() 인증, 권한, 사용자 정보 처리
로그인 사용자 정보 저장
KlozDateUtil 날짜 처리 유틸 public static LocalDate startOfYear(int year) 공통 날짜 포맷, 간격 계산 등
날짜 계산, 포맷 등
Utils 공통 헬퍼 함수 public static boolean isEmpty(String) 문자열 검증, null 체크 등 자주 쓰는 코드 모음
문자열, null 체크 등 공용 함수