728x90 반응형 SMALL vue.js9 Spring Boot - Context Path 설정 & Vue.js & Bootstrap 으로 화면 구현 이전글 : 2018/09/06 - [IT/Web] - Spring Boot + Spring Security + MyBatis + Vue.js Spring Boot 를 start project 로 기본 생성하면 context-path 가 없다. http://localhost:8080/ 으로 접속하면 초기 화면이 나오게 된다. 하나의 물리적 서버에 하나의 Tomcat Instance 와 하나의 Web Application 을 띄우는 것이 가장 좋겠으나 하나의 Tomcat Instance 에 여러개의 Web Application 을 context name 으로 구분하여 띄우는 경우도 많다. 이번에는 Spring Boot 에 context-path 를 설정하는 방법과 그리고 Vue.js 를 BootStrap 을.. 2018. 9. 11. Spring Boot + Spring Security + MyBatis + Vue.js Spring Security + Vue.js (login 화면) + Mybatis 로 인증 후 SPA 로 동작하도록 구성 하기 제목처럼 Spring Boot 로 backend를 구성하고 Spring Security를 이용해서 '로그인/인증' 을 구현하고 Vue.js 로 frontend를 구현해 보자. 먼저 Spring Security 관련해서 몇가지 설정을 해 본다. @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter{ @Autowired AuthProvider authProvider; @Override public void configure(WebSecurity web) throws Exception { .. 2018. 9. 6. Vue.js - Route 시 # 없애기 URL 에 # 이 붙는다. 떼고싶다. new VueRouter 시 속성에 mode: 'history' 를 추가 하면 끝! 기억&기록 도움이 되었다면 공감을 클릭 해 주세요.^^ 2018. 9. 5. Vue.js - Vuex (상태관리) Vuex는 Vue.js Application에 대한 상태관리 패턴 + 라이브러리 이다. 앱이 단순하다면 Vuex없이는 괜찮을 것이다. (간단한 Global event bus 로 대응이 가능하다.) 다만 앱이 점차 커지고 event 가 많아지며 복잡해질 경우 Vuex 가 필요해 질 것이다. Vuex 에 대한 규칙 1. Application 레벨의 상태는 중앙 집중된 저장소 이다. 2. 상태를 변경시키는 유일한 방법은 동기 트랜잭션인 경우 변이를 커밋하는 것 이다. 3. 비동기식 로직은 캡슐화되어야 하며 액션으로 구성 된다. 4. 저장소가 너무 커지면 액션, 돌연변이 및 getter를 개별 파일로 분할하기만 하면 된다. 일반적으로 아래와 같은 프로젝트 구조를 가지게 된다. (물론 사용자 마음이긴 하다.) 여.. 2018. 9. 3. 이전 1 2 3 다음 728x90 반응형 LIST
