Liveamonth 아키텍처 전환

팀 프로젝트로 개발했었던 '한달살기::Liveamonth' 프로젝트의 애플리케이션 아키텍처를 변경하려고 합니다.첫 버전은 Presentation layer로 서버 템플릿 엔진인 JSP를 사용했지만 JSP에서 Thymeleaf로 최종적으로 클라이언트 템플릿 엔진인 Vue

저번 시간에 까먹고 못올린 vue 프로젝트 깃허브에 연동하기와 디렉토리 및 환경 구조에 대해 올리겠습니다.저는 Liveamonth와 관련된 프로젝트를 Github Organization을 따로 만들어서 여기에 올리고 있습니다.인텔리제어에서 Git -> Github ->

Vue 프로젝트도 생성했으니 API호출을 통해 스프링 부트에서 데이터를 가져와보겠습니다.저는 프론트 엔드와 백엔드를 통합하지 않고 axios를 통신을 통해 데이터를 가져왔습니다.뷰에서 권장하는 통신방식인 axios를 사용하기 위해 추가를 먼저 해주었습니다.터미널에서 '

거의 10일 만에 포스팅을 하는 것 같습니다.. 우선, 저번 포스팅에서는 간단한 api 통신까지 해보았습니다. 이제 본격적으로 liveamonth 프로젝트 홈 화면을 구성 리뷰를 해보겠습니다. 일주일이 넘는 기간동안 홈 화면 UI를 구성을 했습니다. 아직 완벽하게

어제에 이어서 홈 화면 UI에 대해서 리뷰하겠습니다!! 이 부분도 마찬가지로 기존 UI를 최대한 가져가면서 코딩했습니다. 원래는 도시 이미지 슬라이드, 인기 게시물, 사용자 프로필, 간략한 도시정보(그리드 형식)으로 구성되어 있던 홈 UI를 최대한 심플하게 도시