주식 종목 정보 서비스

0. 메인 화면

1. 프로젝트 소개

프로젝트 개요 및 동기

짐코딩 클럽에서 Vue3 에 대해, 인프런에서 김영한 님의 강의 및 이동욱 님의 책을 통해 Spring 및 JPA 에 대해 학습한 후
이를 정리하고 체득하기 위해 수행한 프로젝트 입니다.

• 짐코딩 님의 강의 수강 목록

  Vue3 완벽 마스터 : 기본편
  Vue3 완벽 마스터 : 실전편

• 김영한 님의 강의 수강 목록

  스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
  스프링 핵심 원리 - 기본편
  스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
  스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
  스프링 핵심 원리 - 고급편
  스프링 DB 1편 - 데이터 접근 핵심 원리
  자바 ORM 표준 JPA 프로그래밍 - 기본편
  실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
  실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
  실전! 스프링 데이터 JPA
  실전! Querydsl
  모든 개발자를 위한 HTTP 웹 기본 지식

• 이동욱 님의 책

  스프링 부트와 AWS로 혼자 구현하는 웹 서비스

2. 기술 스택

Vue.js	Spring Boot MVC	JPA	Spring Data JPA	Query DSL	MySQL

3. 구현 기능

1. Front-End
   • Modal
2. Back-End
   • CRUD
   • Paging
   • Spring Security OAuth2
   • Spring AOP
3. DB

4. 배운 점 & 아쉬운 점

배운 점

1. Migration 작업
   • Front-End
     • UI
       • From Mustache.js to Vue.js
   • Back-End
     • DB
       • From H2 Database to MySQL
2. 테스트 코드 작성

아쉬운 점

1. 구현 기능의 범위를 좁힌 상태 (향후 확장 예정)
   • 데이터 조회 시 Entity 를 그대로 노출하는 문제 존재
     • Entity 대신 DTO 를 사용하도록 변경 필요

5. 문제 발생 및 해결 이력

1. Axios 통신 시 CORS 문제 발생 [해결 완료]
   • vue.config.js 파일에서, proxy 설정
   • WebConfig 파일에서, addCorsMappings(CorsRegistry registry) 함수 추가